vue 打包 css 图片加载失败

在 www.a.com/HMall 访问项目文件,里面包含 static 和 index.html,但是 css 中的背景图片找不到,访问的图片地址为 www.a.com/static/icon.png,真正的图片地址为 www.a.com/HMall/static/icon.png

clipboard.png

位于 login.css 中的一行

clipboard.png

config/index.js

clipboard.png

其中也试过 assetsPublickPath:/HMall

build/utils.js

clipboard.png

这里也尝试过将 publicPath:'/HMall/'

第一次解除项目构建,不知道是不是犯了很傻的错误,查了很多答案大多都是以上我尝试过的,请各位大佬多多指教。。

补:修改 publicPath 似乎不影响寻找 icon.png, 寻找的路径一直为 www.a.com/static/icon.png
clipboard.png

阅读 3.4k
1 个回答

css能正常加载的话就不要改build里的assetsPublicPath。
然后去调整ExtractTextPlugin里的publicPath就行了,看起来你的项目里是发布在HMall下的,那你可以试试../


根路径写法的地址是不会经过webpack处理的,需要改为相对路径。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题