把router.beforeEach 路由钩子 单独成立一个文件之后 不触发

Question

1.这里首先还是创建路由实例对象 默认导出
import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const routes = [
{
path: '/login',
name: 'login',
component: () => import('@/views/login')
},
{
path: '/',
name: 'layout',
component: () => import('@/views/layout')
}

]

export default new Router({
mode: 'history',
routes
})
2.新建了一个permission.js的文件 然后导入进来路由实力 编写路由前置钩子
import router from './router/index.js'

router.beforeEach((to, from, next) => {
console.log(1111)
})
现在问题是 切换路由的时候 这个前置钩子函数不会执行 不知道什么原因

Answer 1

main.js里面import '@/permission.js'