我正在使用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文件夹来实现路由,我无法设置重定向路径

请帮忙,谢谢:)

推荐答案

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

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

Visual Studio代码中的VUE/VLAR扩展不断崩溃:JS/TS语言服务立即崩溃5次…

Vue3如何将自定义事件绑定到路由视图中的特定组件?

如果单元格不可见,则以编程方式打开行的编辑模式. Ag 网格,Vue.js

vue js导航到带有问号的url

VueJS:为什么在input事件处理程序中触发Input输入事件?

如何将Vue的主应用程序渲染到body元素?

如何将 axios/axios 拦截器全局附加到 Nuxt?

PhpStorm 中Expected预期表达式

如何创建 vuetify 工具栏链接下拉菜单?

使用 vue-property-decorator 时注册本地组件

如何在 .js 文件中使用 Vue i18n 翻译?

怎样1秒后自动隐藏VueJS中的元素

如何使表格行可点击并展开行 - vue.js - element-ui

从 Url 中删除查询字符串参数

Modal 内部的 Vue.js AJAX 调用

如何从 v-for 创建的对象中绑定多个类?

Vue 2.0 设置路由 - 不要使用new来产生副作用

Vue Router beforeRouteLeave 不会停止子组件

如何在我的 vue js 中实现无限滚动