随着前后端的分离,用vue,react等框架在读取内容并显示时,因为不在同一个域名下,所以经常需要在img的src属性前加域名前缀,这里我们可以通过正则表达式来进行替换
export default function imgPreSuffix(htmlString, prefix) {
const regex = /<img[^>]*src="([^"]+)"[^>]*>/gi;
if(htmlString){
return htmlString.replace(regex, (match, src) => {
return match.replace(src, prefix + src);
});
}
}