API未收到我的访问令牌

时间:2018-08-22 10:35:05

标签: vue.js axios

fetchData () {
  axios.get('https://some-address.com/orders', {
    params: {
      limit: this.limit,
      offset: this.offset
    },
    headers: auth.getAuthHeader()
  })
    .then((resp) => {
      this.req = resp.data
      console.log(resp)
    })
    .catch((err) => {
      console.log(err)
    })
}

将令牌存储在“ auth / index.js”中

  // The object to be passed as a header for authenticated requests
  getAuthHeader () {
    return {
      'Authorization': localStorage.getItem('access_token')
    }
  }

当我发送GET请求以接收项目列表时,我得到以下标头作为响应:

enter image description here

在请求中:

enter image description here

状态码403,显然API无法获取我的access_token。但是,如果我在邮递员中发出相同的请求(手动粘贴访问令牌值),则可以。

控制台错误:

enter image description here

2 个答案:

答案 0 :(得分:1)

尝试在之前定义标头:

axios.defaults.headers.common = {
    'Authorization' : localStorage.getItem('access_token')
};

答案 1 :(得分:0)

由于@KirkLarkin,这确实是后端的问题,他为我指出了正确的方向。我必须与后端开发人员协调,以便为CORS请求制作正确的标头。