随着前后端的分离,用vue,react等框架在读取内容并显示时,因为不在同一个域名下,所以经常需要在img的src属性前加域名前缀,这里我们可以通过正则表达式来进行替换
1 2 3 4 5 6 7 8 9 | 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); }); } } |