javascript - Laravel-Vue JS : What is the best way access backend

Question

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

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