如何使用Vuex在Axios中的头文件验证中保存令牌

Question

以下是登录操作：

Login({ commit }, payload) {
Axios.post('https://pure-reef-16205.herokuapp.com/api/login', payload)
.then((response) => {
// JSON responses are automatically parsed.
console.log(response);
commit('setToken', response.data.token);
});
},

以下是突变：

state.userToken = userToken;
localStorage.setItem('Token', userToken);
Axios.defaults.headers.common.Auth = userToken
},

没有错误，只是auth没有保存在头中PS：我尝试了很多方法，我认为这是关于"你没有权限修改标题"。。。

Answer 1

您可以将@nuxtjs/axios模块与nuxt一起使用。这将比自己配置更容易。以下是如何使用该模块来完成此操作。

在获得令牌后的vuex操作中，请尝试this.$axios.setToken(<idToken>, 'bearer')，并尝试通用身份验证this.$axios.setToken('<token>')。

以下是与相关的文档

Answer 2

您不应该在应用程序中使用javascript触摸任何令牌或cookie。

如果你可以用你的javscript读/写任何cookie/令牌，那么你的应用程序可能会受到XSS攻击

使用axios.withCredentials = true进行身份验证