如何在nuxt.js中编写全局路由器功能

黄洁仪

我将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文件夹以实现路由器,我无法设置重定向路径

请帮助,谢谢:)

尼古拉斯·佩内克(Nicolas Pennec)

您可以为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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章