放置导航卫士

Question

在一些教程中，我发现他们将导航卫兵放置在main.js文件中。其他人将其放在router/index.js文件中。

在哪个文件我可以写导航卫士Router.beforeEach((to, from, next)？

Answer 1

如果需要，您可以在您的router.js中写下警卫。只需在main.js文件中输入Router即可。示例代码：

// router.js 
import VueRouter from 'vue-router'; 

const Router = new VueRouter({ 
    // your code 
}); 

Router.beforeEach((to, from, next) => { 
    // your code 

    next(); 
}); 

export default Router; 


// main.js 
import Vue from 'vue'; 
import Router from './router.js'; 

const app = new Vue({ 
    router: Router 
    // your code 
});