我们在使用Vue部署项目用了动态路由的项目时,本地运行代码 与 后端联调一切运行正常,但是在打包之后部署上线了,只有静态路由能够访问的到,这时我们要考虑一下,是不是动态路由没有加载或者相对路径有问题

  • 路径src\store\modules\permission.js下有permission.js文件,该操作为最重要的一步,主要是从后端查询菜单并生成路由。没有这一个文件,动态路由没有办法加载,自然就是访问不到页面,最重要的还是没有报错,就很难受555555。。。。。
export const loadView = (view) => {
  if (process.env.NODE_ENV === 'development') {
  // 路由懒加载
    return (resolve) => require([`@/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    return () => import(`@/views/${view}`)
  }
}
  • 在开发环境时,使用的是if中的
  • 在生产环境时,使用的是else的
  • 注意不要把生产时的加载路由代码注释掉!!!
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐