放置導航衛士

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