处理接口返回图片是相对路径的问题

186 阅读1分钟

问题1:后台返回的图片是相对路径,如何全局快捷的处理

通过过滤器将接口拿来的图片路径进行处理

function repairImgUrl(url) {
	if(!url)return  
	if (url.includes('http')) {
		return url
	} else {
		return baseApi + url
	}
};

页面使用

<image :src="item.coverImage | repairImgUrl" mode=""></image>

过滤器在main.js中如何挂载

import * as filters from './utils/filters';