在vue中 获取全局token
时间: 2023-03-03 17:38:34 浏览: 146
Vue axios获取token临时令牌封装案例
在 Vue 中,如果您使用的是 Vue-CLI 构建项目,可以在 `main.js` 文件中设置全局的 token。例如:
```javascript
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
// 设置全局 token
Vue.prototype.$token = 'your_token_here'
new Vue({
render: h => h(App),
}).$mount('#app')
```
然后,在其他组件中,您可以使用 `this.$token` 来获取全局的 token。例如:
```javascript
export default {
mounted() {
console.log(this.$token) // 输出全局的 token
}
}
```
当然,如果您的应用程序需要通过 API 从后端服务器获取 token,则可以在应用程序的入口点(如登录页面)中获取 token,并将其存储在全局状态管理器(如 Vuex)中。然后,您可以在整个应用程序中使用该状态管理器来获取 token。
阅读全文