VueJS设置了基本URL标头

Question

我正在开发一个基于令牌进行身份验证的系统。

我成功捕捉并保存了idToken内的store.js。

然后我创建getter以返回此idToken值：

returnToken(state) {
  return state.idToken
}

到目前为止一切都还可以。我可以通过 vue开发人员工具在这两个地方（idToken和state）看到getters值。

然后在 main.js 中我添加了一个计算属性：

export default {
  computed: {
    returnToken(){
      return this.$store.getters.idToken
    }
  }
}

最后我添加了

axios.defaults.headers.common['Authorization']=this.returnToken

但开发人员工具网络中的Authorization标题为undefined。

如何解决此问题？如何知道它是否成功访问main.js？

Answer 1

如果您有 getter ，请按以下步骤操作：

g

然后在组件中access the getter using：

h

OR ，在组件中access the state using：

returnToken(state){
    return state.idToken;
}