如何在Vue.js Header中传递api密钥?我使用了DRF分页url

Question

如何在Vue.js Header中传递api密钥？。我使用了DRF分页url

methods: {
getPostData() {
axios
.get("http://192.168.43.126:8000/api/?page=" + this.currentPage, {
headers: {
"Cache-Control": "no-cache",
"content-type": "application/json",
"x-api-key": "IBctIWwi.xxxxxxxxxxxxxxx",
},
})

Answer 1

试着这样通过。我强烈建议您在bootstrap.js文件中使用此方法(在Vue+Laravel项目的情况下(。

//bootstrap.js
axios.defaults.headers.common['X-CSRF-TOKEN'] = 'yourToken';

尝试在本机Vuejs应用程序中通过这种方式。我强烈建议您使用这个方法main.js(在本机Vue项目的情况下(。只需在文件开头使用此配置，您的其他请求就会包含该令牌。

//main.js    
axios.defaults.headers.common['Authorization'] = 'Bearer ' + context.state.token