Question

我正在使用Laravel API护照进行使用vue进行SPA身份验证。到目前为止，我所做的是每次我需要访问我的后端时，我需要调用标题才能通过我的受保护路由接受

const userObj = JSON.parse(window.localStorage.getItem('token'));
var header = {
    'Accept' : 'application/json',
    'Authorization' : 'Bearer '+ userObj.access_token
}
axios.get('/prod/test',{headers : header})
    .then(response=>{
        console.log(response);

    });
}

有没有更清洁的方法来做到这一点，谢谢

Answer 1

您可以将默认值设置为axios： https://github.com/axios/axios#global-axios-defaults

axios.defaults.headers.common['Accept'] = 'application/json'
axios.defaults.headers.common['Authorization'] = 'Bearer '+ userObj.access_token;

在Laravel中，您已经拥有文件bootstrap.js，其中包含一些您可以编辑的预配置。

Laravel - Vue JS：访问后端的最佳方式是什么

1 个答案: