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请求以接收项目列表时,我得到以下标头作为响应:
在请求中:
状态码403,显然API无法获取我的access_token
。但是,如果我在邮递员中发出相同的请求(手动粘贴访问令牌值),则可以。
控制台错误:
答案 0 :(得分:1)
尝试在之前定义标头:
axios.defaults.headers.common = {
'Authorization' : localStorage.getItem('access_token')
};
答案 1 :(得分:0)
由于@KirkLarkin,这确实是后端的问题,他为我指出了正确的方向。我必须与后端开发人员协调,以便为CORS请求制作正确的标头。