vue多页面动态导入路由报错

128 阅读1分钟

破案了 原来是因为 vue.config.js 下 publicpath 配置成 './'相对路径了 修改成 '/' 默认值即可解决问题

ps:设置成相对路径还会引发 在二级路由下刷新页面 导致页面 404问题

1679446478502.png

官网描述: cli.vuejs.org/zh/config/#…

相关文章: blog.csdn.net/Jioho_chen/…

以下是之前遇到的问题

企业微信截图_167939365255.png

如图所示当点击跳转路由的时候 会抛出如上错误, 出现如上错误 主要原因是因为路由没有找到跳转的组件,

企业微信截图_16793937307333.png

经排查发现 动态 import导入的路由会报错,如果静态导入的时候 (import xx from xxx)则没有问题,

所以问题的原因是 找不到路由组件, 经过对比发现是因为导入的时候path多了一个层级(当前多页面的基础路径)

404 企业微信截图_16793939431499.png

去掉基础路径可以找到

企业微信截图_16793939665305.png

经过本地build验证确实如此 企业微信截图_16793938778475.png

vue默认build文件路径 ing