Invalid route component 错误

Question

主要是想实现,路由通过后台给前端动态加载，出现错误应该就是在重写路由的component这里，应该怎么样去解决

1.如果 （前端写死的）component: () => import(’@/views/UserManage/AccountData.vue’) 类似这样的写法， 没问题，路由可以正常跳转

2.如果假设后台传给我的是这样子的

然后拿到数据后我们 重写 component

最后运行就出现了这样的错误

Answer 1

有没有没被占用的昵称 2021-07-06 20:54:59

那你应该路由文件都正常定义，前端页面通过component is 来处理

• 提问者 MG_JAVA #1

  不是很明白，可以详细一点么，谢谢

• 有没有没被占用的昵称 回复 提问者 MG_JAVA #2

  接口返回的就是一个个路由对象是吧，如果是这样的话，可以在routerjs里面写
  const routes = [] // 里面定义一些常亮路由，也就是不从接口取的
  然后你可以写一个init.js
  这里面调用接口获取服务端返回的路由列表，比如说
  [
  { name: '1', children: [] }
  { name: '2', children: [] }
  ]
  然后在vue-router有个api是addRoute，你循环列表add进去就可以了
  当然，最后是用路由守卫给包裹一下，以免出现意料之外的错误

• 有没有没被占用的昵称 回复 提问者 MG_JAVA #3

  还有就是404路由，要最后add

点开查看后面2条评论