permission.js

import router from ‘./router’
import store from ‘./store’
import { Message } from ‘element-ui’
import NProgress from ‘nprogress’
import ‘nprogress/nprogress.css’
//auth文件主要依赖js-cookie模块，把getToken，setToken，removeToken设置在这里
import { getToken } from ‘@/utils/auth’
//get-page-title文件主要是网站的标题，get-page-title通过依赖setting.js里的title变量修改网站标题
//如果需要更改网站的标题，可以直接到setting.js修改title属性
import getPageTitle from ‘@/utils/get-page-title’

//NProgress是封装的进度条，基本不用动
NProgress.configure({ showSpinner: false })

//路由白名单列表，把路由添加到这个数组，不用登陆也可以访问
const whiteList = [’/login’]

router.beforeEach(async(to, from, next) => {
// 请求路由时进度条开始
NProgress.start()

// 设置标题
document.title = getPageTitle(to.meta.title)

// 这里的getToken()就是在上面导入的auth.js里的getToken()方法
const hasToken = getToken()

//如果存在token&#

permission.js相关推荐

解读vue-element-admin登录逻辑permission.js
解读vue-element-admin登录逻辑permission.js - vue-element-admin中,permission主要负责全局路由守卫和登录判断,希望通过以下注释说明,帮助大家理 ...
php左侧菜单栏递归代码,js实现左侧菜单栏递归循环遍历
首先html布局菜单json const menuList = [ { title: '首页', key: '/home' }, { title: 'UI', key: '/ui', childre ...
外部js文件中调用pinia时，报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
分析原因:是pinia在main.js中还未注册好,便在其他文件中使用了它. 正确引用: src/stores/index.js文件 import { createPinia } from 'pini ...
Vue Element+Node.js开发企业通用管理后台系统笔记完
第三四章 Vue进阶 emit和emit 和emit和on 用this.$on来定义一个事件, 并且指定事件的执行对象(函数), 他主要是用来干什么的呢 --事件的定义和消费使用this.on来定义 ...
Vue 自定义权限指令
前述虽然VUE 定义了一些常用的指令,例如v-on.v-bind等,但是在我们实际开发的时候,还是会自己定义一些指令用于适应我们自己的业务. 实现这里由于我的项目做了动态权限,页面的按钮也需要根据 ...
Vue 增加动态路由功能【在原有系统上增加】
目录遇到问题 1. 修改router/index.js 2. 修改 store文件夹下的 2.1 增加 modules/permission.js 2.2 增加modules/tagsViews.j ...
vuecli3 引入全局scss变量_vuecli3 从搭建到优化
编者按:本文转载自掘金专栏,由作者 lMadman 授权奇舞周刊转载. 前言 github地址:https://github.com/LeeStaySmall/vue-project-demo (完整 ...
vue 动态修改后端请求_vue-element-admin实战 | 第二篇：最小改动接入后台实现根据权限动态加载菜单...
一. 前言本篇基于有来商城 youlai-mall微服务项目,通过对vue-element-admin的权限菜单模块理解个性定制其后台接口,实现对vue-element-admin工程几乎不做改动 ...
使用Harry过程中FAQ(问题解答)
使用Harry过程中FAQ(问题解答) Harry-Vue 启动报错信息 Cannot find module错误信息 Harry-Vue 的路由在nginx中刷新出现404 一.Harry-Vue ...

permission.js

permission.js相关推荐

最新文章

热门文章