放置导航卫兵

Question

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

我可以在哪个档案中编写导航警卫Router.beforeEach((to, from, next)？

Answer 1

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

// 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
});