如何在nuxt.js中編寫全局路由器函數

Question

我在Nuet.js中使用了Vue.js，但是我在路由器的函數中遇到了問題。

在純Vue公司，我可以在main.js這樣寫：

val route = new Router({ 
    routes:{ 
     [...] 
    } 
}) 

route.beforeEach(to,from,next){ 
    //do something to validate 
} 

而如何做相同的nuxt.js？我找不到像main.js這樣的文件。

而且，我所知道的是應對pages文件夾來實現路由器，我不能設置重定向路徑

請大家幫忙，THX :)

Answer 1

您可以Nuxt

創建插件

創建plugin/route.js文件：

export default ({ app }) => { 
    // Every time the route changes (fired on initialization too) 
    app.router.afterEach((to, from) => { 
    //do something to validate 
    } 
} 

和更新nuxt.config.js文件：

plugins: ['~/plugins/route'] 

更多Nuxt插件的詳細信息：https://nuxtjs.org/guide/plugins