Vuejs2 放置导航防护装置

在一些教程中，我发现他们在

main.js

文件中放置了导航卫士。其他人把它放在

router/index.js

文件中

---

我可以在哪个文件中写入导航卫士

路由器。在每个之前（（到、从、下一个）

？

如果需要，可以在

路由器.js

中写入卫士。只需在

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

如果需要，可以在
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
});

基本上，它可以在任何地方导入路由文件这是Vue Router提供的灵活性。您可以在应用程序中的任何位置放置导航卫士，甚至在文档中所述的组件中，
最后，您可以在路由组件中直接定义路由导航卫士（传递给路由器配置的）使用以下选项
基本上可以在任何地方导入路由文件这是Vue Router提供的灵活性。您可以将导航卫士放置在应用程序的任何位置，甚至如文档所述的组件中，
最后，您可以在路由组件中直接定义路由导航卫士（传递到路由器配置的）具有以下选项