uni-app 测试环境打包h5 base不生效 静态资源路径指向错误

uni-app 测试环境打包h5 base不生效 静态资源路径指向错误

开发环境 版本号 项目创建方式
Windows win11 HBuilderX

操作步骤：

  • 打包后的静态资源路径
    href="/static/index.a5c69d49.css"

预期结果：

  • href="./static/index.a5c69d49.css"

实际结果：

  • href="/static/index.a5c69d49.css"

bug描述：

"router" : {
"base" : "./",
"mode" : "hash"
},
设置基础路径为“./”,测试环境打包静态路径都是错误，不是./的相对路径

更多关于uni-app 测试环境打包h5 base不生效 静态资源路径指向错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 测试环境打包h5 base不生效 静态资源路径指向错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是uni-app打包H5时常见的静态资源路径问题。问题出在vue.config.js的publicPath配置上。

解决方案：

  1. 在项目根目录创建vue.config.js文件（如已有则直接修改）
  2. 添加以下配置：
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
回到顶部