我正在构建一个 VueJS 应用程序,我正在使用 JSON 网络 token 作为我的身份验证系统。当我登录用户时,我将 token 存储在 localStorage 中并且工作正常。我检查了 header ,它在“授权”参数中。
我通过 axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')
我看到了标题,没问题。但是当我在我的 API 中对 protected 路由执行获取请求时,返回“未授权”。但是当我在请求中手动传递带有 token 的 header 时,工作正常。
有人知道如何在执行某些请求时自动传递 header 吗?
最佳答案
试试这个..
//in get request
const auth = {
headers: {Authorization:'JWT ' + localStorage.getItem('token')}
}
axios.get('http://yourapi.com',auth).then(result => {
console.log(result.data)
})
//in post request
const auth = {
headers: {Authorization:'JWT ' + localStorage.getItem('token')}
}
//note:auth will be 3rd parameter in post request
axios.post('http://yourapi.com',{somekey:'some value'},auth).then(result => {
console.log(result.data)
})
关于javascript - Axios 不在请求中传递 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46077201/