在 vue 中存储全局token

在 Vue 中存储全局 token 的一种常见方式是使用 Vuex 状态管理库。Vuex 可以在应用程序的多个组件之间共享状态。您可以在 Vuex 的 store 中创建一个状态(例如 token)，并且可以在整个应用程序中访问该状态。

要使用 Vuex 存储 token，请按照以下步骤进行操作：

1. 安装 Vuex：您可以使用 npm 或 yarn 安装 Vuex。

2. 创建 store：在您的项目中创建一个 store.js 文件，并使用 Vuex.createStore() 方法创建一个 store 对象。

3. 定义状态：在 store 对象中定义一个状态对象，例如 { token: null }。

4. 编写 mutations：编写一个 mutations 对象，该对象包含一个 setToken() 方法，该方法将在调用时设置 token 状态。

5. 在组件中使用：使用 Vue.use() 方法将 Vuex 安装到您的应用程序中，并使用 this.$store.state.token 在组件中访问 token 状态。

这是一个示例代码，展示了如何在 Vuex 中存储 token：

// store.js

import Vuexfrom 'vuex'
import Vue from 'vue'

Vue.use(Vuex)

const store = Vuex.createStore({
  state: {
    token: null
  },
  mutations: {
    setToken(state, token) {
      state.token = token
    }
  }
})

export default store