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

Question

我正在使用 Laravel API 护照进行我的 SPA 身份验证，使用 vue。到目前为止，我所做的是每次我需要访问我的后端时，我需要调用 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，其中包含一些您可以编辑的预配置。