如何在ReactJS中使用JWT令牌发送Axios Put请求

Question

我尝试将详细信息放入服务器，但出现403错误

下面是我的代码。

export const updateAppTypeData = (appData) => async dispatch => {
  const token = localStorage.getItem('token')
  const response = await axios({
    method : 'put',
    url: ('http://localhost:8000/api/posts/appType/'+appData.id+'/'),
    data: appData,
    headers: {'Content-Type': 'application/json', 'Authorization': 'Token '+token},
    json: true
  }).then(function (response) {
        console.log(response);
  });
  //dispatch({ type : FETCH_APP_TYPE , payload: response.data });
};

任何帮助将是一大好处。 谢谢。

Answer 1

我认为您在标头中缺少“ Bearer”关键字，该关键字是允许的类型之一（其他类型类似于basic或digest ）。 根据RFC6750和RFC6749

...
headers: {'Content-Type': 'application/json', 'Authorization': 'Bearer '+token}
...