AXIOS：发送授权 header returns 错误 401，缺少授权 Header

Question

我找到了解决方案，但这对我不起作用。

以下是我的代码：

axios.post('http://myurl/api/login', {
  email: 'john@doe.com',
  password: '123456'
}, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  }
}).then(response => {
  if (response.data) {
    this.AuthToken = response.data.token
    console.log(this.AuthToken)
    axios.get('http://myurl/userdetails/:uid', {
      uid: 'D123'
    }, {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'Authorization': this.AuthToken
      }
    }).then(response => {
      if (response.data) {
        // this.AuthToken = response.data
        console.log(response.data)
      }
    }).catch(error => {
      console.log('User Data response Error: ' + error)
    })
  }
}).catch(error => {
  console.log('Login Error: ' + error)
})

我正在从第一个 POST 登录 API 调用中获取令牌。我使用该令牌作为身份验证令牌传递给另一个 API 调用。但是我收到错误消息：缺少授权Headers

Answer 1

尝试添加另一个 header。 "Access-Control-Allow-Headers" : "*".

Answer 2

找到解决方案：

axios.defaults.headers.common['Authorization'] = this.AuthToken;

AXIOS：发送授权 header returns 错误 401，缺少授权 Header

AXIOS : Send Authorization header returns Error 401, Authorization Header missing

authorization

vue.js

axios