打包上服务器后图片路径错误

Question

老师，项目在开发环境图片路径是没问题的，但是打包上服务器后就变成了很奇怪的路径。

1. 写在css里的路径前面都会加上/static/css

2. detail页左上角根据切换的导航显示不同的图片前面多了个detail
   

Answer 1

fishenal 2017-07-25 09:20:01

运行的是npm build？ 你有没有改build？感觉图片打包的时候路径处理的不对，static/css 也有点诡异，你看下这个路径在全局里能不能搜到把。

要么会不会是服务器配置的路径问题，站点是不是被部署到子站了？代码里的路径是相对路径?

• 提问者 慕粉3743465 #1

  谢谢老师，问题已经解决啦，我把config下的index.js的assetsPublicPath的配置改成 '/vue-sell/'就所有图片路径都正常了，之前的assetsPublicPath是'./'。我还试了网上说的把图片都放到src同级的static下，然后代码的路径也改过来，但是发现还是要把assetsPublicPath配置成我项目的根目录'/vue-sell/'才行，所以我总结把assetsPublicPath改成项目根目录路径就可以了，不知道我的总结对不对哈？

• fishenal 回复 提问者 慕粉3743465 #2

  assetsPublicPath 应该是 各类第三方资源的路径，我理解可能你的线上server启动在根目录，代码放在vue-sell目录。如果server启动在根目录，也就是vue-sell目录，那之前的配置就不会有问题。