vue.js - 如何在 nuxt.js 中编写全局路由函数

Question

我正在将 Vue.js 与 Nuxt.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 创建一个插件

创建一个 plugins/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