reactjs - POST 请求 : "Authentication credentials were not provided" using Axios, 的身份验证错误，但使用 POSTMAN 工作

Question

我正在使用 React 并尝试处理用户的密码更改。我正在发送这样的 POST 请求:

axios.post('http://127.0.0.1:8000/users/password/change/', {
            headers: {
                'Content-type': 'application/json',
                'Authorization': `Token ${token}`
            },
            data: {
                new_password1: newPassword1,
                new_password2: newPassword2
            }
        })

...我收到 401 错误:“未提供身份验证凭据”。

但是，如果我通过 POSTMAN 发送完全相同的相同 请求，它工作正常。

我也在同一个应用程序中执行 GET 请求以获取用户数据，它也可以正常工作:

axios.get('http://127.0.0.1:8000/users/' + path + '/' + userId + '/', {
            headers: {
                'Content-type': 'application/json',
                'Authorization': `Token ${token}`
            }
        })

可能是什么问题...？

Answer 1

axios.post 期望(url、数据、配置)。

所以你需要这样使用:

  axios.post(
    "http://127.0.0.1:8000/users/password/change/",
    {
      new_password1: newPassword1,
      new_password2: newPassword2
    },
    {
      headers: {
        "Content-type": "application/json",
        "Authorization": `Token ${token}`
      }
    }
  );

文档:

https://github.com/axios/axios#axiosposturl-data-config