Axios 不在请求中传递标头

Question

我正在构建一个 VueJS 应用程序，我正在使用 JSON 网络令牌作为我的身份验证系统。当我登录用户时，我将令牌存储在 localStorage 中并且工作正常。我检查了标头，它在“授权”参数中。

我通过 axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')

我看到标题，没关系。但是当我在我的 API 中对受保护的路由执行获取请求时，返回“未授权”。但是当我在请求中手动传递带有令牌的标头时，工作正常。

有人知道如何在执行某些请求时自动传递标头吗？

原文由 Gustavo Dias 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个..

 //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)
})

原文由 Kartik Garasia 发布，翻译遵循 CC BY-SA 3.0 许可协议