时间戳

首页 > 解决方案 > 路由器在 vuejs 中未定义

vue.js - 路由器在 vuejs 中未定义

问题描述

我创建了完成的 vue js 应用程序。在其中我有路由的主 index.js 文件，我为其他视图制作了不同的路由文件，我的所有子文件都在主 index.js 路由文件中扩展。

index.js（主路由文件） 下面我在这个文件中导入我的子路由

从 './test1' 导入 test1 从 './test' 导入测试

我的孩子路线文件 test1

export default [{
  path: '/roles',
  component: Layout2,
  children: [{
    path: '/',
    component: () => import('@/views/test/test1'),
    meta: {
        auth: true
    },
    beforeEnter(to, from, next) {
        if(checkPermission("readUser")){
        router.push({
                name: 'unauthorized'
            })
        }
    }
  }
  }]
}]

现在的问题是我正在尝试unauthorized通过使用之前的路由来推送 url，但它给了我错误，比如未定义路由器。我该如何解决这个问题？

标签： vue.jsroutesvue-router

解决方案

我认为您应该首先创建路由器实例，然后将其导出。

export const router = new VueRouter(routes)

const routes = {
   path: '/roles',
   component: Layout2,
   ... etc.
}

然后将路由器导入主js文件。

推荐阅读