原因:vue.config.js配置发布路径默认为根目录下
问题1:
vue-cli3.3默认使用publicpath字段表示发布路径
module.exports = {
publicPath: ‘.’,//.表示相对路径;/表示tomcat根目录;也可以配置成其他路径
outputDir: ‘dist’, //打包输出目录默认dist
productionSourceMap:false
}
修改之后,依旧不行

发现路径不是我定义的路径,继续查找原因
问题2:
引用了element-ui外部index.js;在index.html中写死了路径

去掉前面的;问题终于解决.
关于vue前端发布路径问题导致只能部署在tomcat根目录下的问题
最新推荐文章于 2026-03-01 00:12:11 发布
本文解决了Vue项目中发布路径配置问题及Element-UI外部引用导致的路径错误。通过调整vue.config.js中的publicPath字段,并修正index.html中Element-UI的静态资源路径,最终实现了正确部署。

8023

被折叠的 条评论
为什么被折叠?



