图片上传成功后，img的src看起来正确，鼠标悬停在src上显示的链接有问题，为什么图片的地址错误？有遇到类似的情况吗

1、vue项目的webpack配置的代理截图：

/
2、图片上传成功后接口返回的数据：

3、网页的图片显示不出来，鼠标悬停在img的src上地址错误了

图片的src地址是我用http:171.168.1.207:8080/camp+fileName字段拼接的地址。
src地址：http:171.168.1.207:8080/camp/profile/upload/2023/05/13/cbfd8be83254321845a2451a07096e55.png
鼠标悬停在src上显示的地址是：http:localhost:9999/http:171.168.1.207:8080/camp/profile/upload/2023/05/13/ae1f41707e5b2e18a232421875a47038.jpg
问题是：为什么在最前面给我拼接了我在webpack里配置的代理地址，导致图片显示不出来    // Various Dev Server settings

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7784946
• 这篇博客也不错, 你可以看下webpack打包发布中的图片路径问题记录：报错图片找不到、打包路径下没有生成images文件夹或少打包图片、打包之后打开页面img标签src=“[object Module]“
• 除此之外, 这篇博客: vue中img标签的src属性总结中的 1.不需要webpack处理的图片放在static 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 不需要webpack处理的图片,直接使用绝对路径调用图片,如"/static/xx/xxx.png"
  栗子
  html代码

  <img v-bind:src="imgUrl"/>
  

  js代码

  data(){
  	return{
  		imgUrl:"/static/logo.png"
  	}
  }
  

  成功读取到了logo.png. 执行npm run build后查看dist文件，发现logo.png原封不动地放在了根目录下。