在Vue中将数据从子节点传递给子节点

Question

所以..在我的应用程序中，在Authentication章节，我有一些问题。

首先，我有多个组件/路线，其中两个是register和login。

Register工作正常，使用我的api，回应我得到一个username和account_id，都存储在数据库中。

在尝试log in时，在回复中我得到username和token ..现在，当我访问我的网站中的其他路线时，只有在您登录时才能加入，我需要检测是否存在令牌。我如何制作具有token值的全局变量，并且可以通过其他组件轻松加入？

Answer 1

将您的令牌存储在cookie / localstorage中，如果您使用的是vuex，则还可以将其存储在该状态中。

如果您使用Axios或任何其他工具处理ajax请求，您可以将标记传递到标头中，然后从cookie / localstorage中获取它。

state: {
   token: Cookie.getJSON('token') || null,
},
mutations: {
  setToken: (state, data) => {
    state.token = data
    Cookie.set('token', data)
  }
},
actions: {
  setToken (context, data) {
    context.commit('setToken', data.token)
  }
}

检查一下 - https://www.npmjs.com/package/js-cookie