如何在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