上传项目到服务器，图片不显示

Question

老师，您好
这是我在本地里测的，图片显示正常，url地址如下

其实我觉得这个o2o后面有两个//是有问题的，但是图片能够正常显示，不知道为啥，所以这是我第一个疑问
我根据你的视频，尝试进行店铺的添加，添加成功后，前端页面正常显示图片，但是他的url我觉得很奇怪，这是我的第二个疑问，如图

因为显示都是正常的，我就继续进行war包的上传
出现了图片无法显示

我怀疑是路径的问题，在Linux系统访问不到图片路径
所以我检查了Linux里面我上传的图片路径，如图

下面是我代码里面的地址

下面是我Linux系统上tomcat转发的docbase

为什么我上传到服务器上显示图片404是我第三个问题
第四个问题是，对于spring boot项目是不是不用进行docbase的配置了
谢谢老师

Answer 1

翔仔 2022-09-03 00:20:45

同学好，

1. 看看数据库里面的图片路径是/upload打头还是upload，如果是前者，再看看common.js里面的拼接o2o是o2o/还是o2o，如果是前者，就把/去掉即可

2. 看看同学addShop的时候，添加图片的时候的basePath是多少，是不是\的路径而不是/的路径

3. 同学试着复制下面404的其中一个路径，直接访问，访问不到的话，去掉o2o访问一次试试，如果还不行，证明还是你的路径映射不对，需要再参照视频映射一遍，既然win这边没问题，那么很容易推测这是linux的地址配置有问题，这里有问题就需要看看我们迁移过来的配置是否有效。springboot这块是不需要这个docBase的，会被这里https://git.imooc.com/coding-144/coding-144/src/master/springbooto2o/src/main/java/com/imooc/o2o/config/web/MvcConfiguration.java的地址替换
   

• 提问者 明明不知道1 #1

  老师
  我测试上传图片，显示的图片地址是/o2o\upload\images\item\shop\15\2022090510154673594.jpg
  当我把鼠标移动到这里准备访问时的地址是http://localhost:8080/o2o/upload/images/item/shop/15/2022090510154673594.jpg
  最终的结果也是图片能正常显示，但是数据库的地址是
  \upload\images\item\shop\15\2022090510154673594.jpg
  我检查了basepath的路径是/，我想不明白为什么会出现这个情况

• 翔仔 回复 提问者 明明不知道1 #2

  这个浏览器会自动解析的哈