使用场景:根据后端返回的字段来匹配image路径
<image class="cover-img" :src="$parseAssets(item.headimg)" mode=""></image>
/*! 文件说明
* @file plugins/parseAssets.js
* @desc 动态匹配图片路径
* @role
* @note
* 1. test() 检测一个字符串是否匹配某个模式
*
*/
import store from "@/store";
export default Vue => {
Vue.prototype.$parseAssets = url => {
const oss = store.getters.ossDomain; // 获取图片基路径
if (/^http(s)?:\/\/([\S]*)/.test(url)) { // 检测路径是否符合该正则表达式规则
return url;
} else {
return url ? oss + url : "/static/default.jpg";
}
};
};