main.js入口文件获取token,若没有token,则重新登陆
时间: 2024-04-17 12:25:34 浏览: 69
在 Vue 的 `main.js` 入口文件中获取 token,并根据是否存在 token 进行重新登录的处理,你可以按照以下步骤进行操作:
1. 创建一个 Vue 实例:在 `main.js` 文件中,首先创建一个 Vue 实例,并设置一些全局配置,例如:
```javascript
import Vue from 'vue';
import App from './App.vue';
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
}).$mount('#app');
```
2. 获取 token:在创建 Vue 实例之前,可以在 `main.js` 文件中的合适位置,通过某种方式(例如从本地存储或后端接口)获取 token 的值,例如:
```javascript
const token = localStorage.getItem('token'); // 从本地存储中获取 token
```
3. 条件判断并重新登录:根据获取到的 token 进行条件判断,如果 token 不存在或过期,则进行重新登录的处理,例如:
```javascript
if (!token || isTokenExpired(token)) {
// 进行重新登录的处理,例如跳转到登录页面
router.push('/login');
} else {
// 如果存在有效的 token,则继续创建 Vue 实例
new Vue({
render: h => h(App),
}).$mount('#app');
}
```
在这个示例中,我们使用 `isTokenExpired` 函数来检查 token 是否过期。如果 token 不存在或过期,则通过路由跳转到登录页面;否则,继续创建 Vue 实例并渲染应用。
记得根据你的具体业务逻辑和 token 存储方式进行相应的调整和处理。
阅读全文