Vue--app.vue,main.js

178 阅读1分钟

1、APP.vue

  • 可以在这里进行路由监听,每次路径变化,做一些操作

类别一

2、main.js

  • 导入模块,进行挂载

类别一
  • permission.js

登录拦截

import router from './router'
import { getLocalStorage } from './utils/auth' 
router.beforeEach((to, form, next) => {
	if (to.path !== '/resend/login') {
		if (getLocalStorage('token') || to.path=='/resend/forgetPass') {
			// 有token直接进入next
			next();
		} else {
			// next()
			next({ path: '/resend/login' })
			// 没有token直接进入login页
		}
	}else{
		next()
	}

})
//auth.js
let myStorage = window.localStorage;
export function getLocalStorage(key) {
  return myStorage.getItem(key);
}