在 main.js 中注册
// 白名单import './permission' // permission controlpermission.js
import router from './router'NProgress.configure({showSpinner: false});// 白名单const whiteList = ['/'];router.beforeEach((to, from, next) => {const token = getToken('token')if (token) {// 有tokennext()} else {// 没有tokenif (whiteList.indexOf(to.path) !== -1) {// 在免登录白名单，直接进入next()} else {next({path: '/signIn'})NProgress.done()//进度条}}});router.afterEach(() => {});
【Vue 前置拦截】
推荐阅读
- 一个基于Vue3的无编译小框架 byview
- 最完整的Vue教程-从零开始编写可视化大屏
- 在VUE中实现效果"换一换"功能
- 纯前端生成设置头像 - 基于Vue3、Ts、Vite
- axios配置vue项目本地测试环境跨域解决方法
- 前端开发框架之Vue开发流程与使用
- 前端开发之VUE介绍与使用
- 使用vue实现查询，显示，删除
- vue3，对比 vue2 有什么优点？
- electron 打包vue为桌面应用的详细过程