拼接 图片地址 本地是正常的 可是部分浏览器 出现了 域名和 拼接地址错误的情况

Question

问题描述

vuex 里面有 个 state.imgURL 的属性为 https://www.xxx.cn 服务器的域名为 http://www.xxx.cn
服务端 请求回来的图片地址是 /upload/xwork/spaceRoomFiles/2019072213242324695.jpg 在我拼接的时候 图片的完整地址是 https://www.xxx.cn/upload/xwo...

地址无法识别

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

this.imgURL = 'https://www.xwork.cn'
图片地址是 /upload/xwork/spaceRoomFiles/2019072213242324695.jpg
<img :src="imgURL + '/upload/xwork/spaceRoomFiles/2019072213242324695.jpg'" />

你期待的结果是什么？实际看到的错误信息又是什么？

现在遇到的问题是 部分浏览器是显示 http://https://www.xxx.cn/upload/xwork/spaceRoomFiles/2019072213242324695.jpg

Answer 1

问题已经找到
原因是我在 webpack 设置的跨域 请求是 /api
和 vuex.state.imgURL = api.beeoffices.com
估计是被认为是一个请求地址 被替换了 webpack 的 /api 更改成 /Api 之后图片都正常了

Answer 2

这个你可以使用requie()包裹地址或者vue中js写入地址