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

【问题标题】：Laravel - Vue JS : What is the best way access backendLaravel - Vue JS：访问后端的最佳方式是什么
【发布时间】：2018-05-03 21:32:51
【问题描述】：

我正在使用 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);

    });
}

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

【问题讨论】：

标签： javascript laravel vue.js laravel-5.5

【解决方案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，其中包含一些您可以编辑的预配置。

【讨论】：