放置导航卫士
问题描述:
在一些教程中,我发现他们将导航卫兵放置在main.js
文件中。其他人将其放在router/index.js
文件中。放置导航卫士
在哪个文件我可以写导航卫士Router.beforeEach((to, from, next)
?
答
如果需要,您可以在您的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的路由器提供了灵活性。您可以将您的导航警卫放置在您的应用程序的任何位置,即使在文档所述的组件中也是如此 '最后,您可以直接在路由组件(传递给路由器配置的组件)中定义路由导航警卫, –