VUX version
2.9.2
OS/Browsers version
谷歌
Vue version
2.5.17
Code
<swiper :list="roundPlay" auto style="width:17.25rem;margin:0 auto;" dots-class="custom-bottom" dots-position="center"></swiper>
mounted(){
this.$get(this.$api.HOME.SOWING_MAP)
.then((response) =>{
this. roundPlay = response.slideshow.data.map((one, index) => ({
url: 'javascript:',
img: one.img_src
}))
})
this.billBoard();
this.getList();
this.getCurrentCity();
// console.log(this.$api.COMMON.GET_DICT)
},
Steps to reproduce
接口打印出来的背景图是个远程地址没有中文但是在浏览器中发现有乱码 如:style="background-image: url(" http://www.xxh-xcc.comuploadsminslides_thumb�07�ce2349bbabbe0dfddcba907988.gif");正常地址为:img_src;%E6%AD%A3%E5%B8%B8%E5%9C%B0%E5%9D%80%E4%B8%BA%EF%BC%9Aimg_src) : " http://www.xxh-xcc.com\uploads\admin\slides_thumb\20180807\95b348df4f5a656314d267533065cbda.gif "
What is Expected?
img_src: " http://www.xxh-xcc.com\uploads\admin\slides_thumb\20180807\95b348df4f5a656314d267533065cbda.gif "
What is actually happening?
url(" http://www.xxh-xcc.comuploadsminslides_thumb�07�ce2349bbabbe0dfddcba907988.gif
3条答案
按热度按时间7lrncoxx1#
这个和 vux 没关,请检查接口数据编码是否为 utf-8 或其他配置
6qfn3psc2#
@shoyuf 但是我单独写的img标签是可以获取到的 !!!请问大佬这是什么原因啊 ??实在没发现问题
hgb9j2n63#
@shoyuf 发现问题了 是因为原远程地址中有“\”转义字符 没有解析出来导致图片没加载出来 用replace(//g,'/')替换