图片加载问题

Question

我在项目打包好放到远程阿里云服务器下再访问的时候，发现图片加载不出来。通过开发者工具找到路径单独打开没问题，只是一加载图片就报错，会自动拼接一个项目路径在图片src路径前面，不知道为什么。报错图片如下：

单独使用/book/后面的路径访问图片是没问题的，看dom里面img的src也是正确的，但是以打开页面就报这个404错误

后端github地址——https://github.com/AvegetableBoy/node-ebook

前端github地址——https://github.com/AvegetableBoy/vue-ebook-master

老师看到能帮我解决下吗？谢谢

Answer 1

扬_灵 2021-04-16 17:50:25

同学你好，你在本地打包的之后进行访问的时候会出现上述的问题吗。

• 提问者 SonnyLu #1

  刚刚尝试了一下
  
  路径也有问题
  file:///E:/EBOOK/vue-ebook-master/dist/106.15.11.230/cover/map/2016_Book_SecondaryAnalysisOfElectronicH.jpeg
  
  本地加载图片也不行，也会拼接一段项目路径。。。如上

• 提问者 SonnyLu #2

  我对比了下，发现你提供的api，获得的img下的src路径前有http://，而我用老师在网站上提供的源码获得的图片路径前面则没有http://

• 提问者 SonnyLu #3

  非常感谢！