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

Question

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

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包含一些可以编辑的预配置的文件。