UniApp富文本图片路径解析及图片路径CSS样式问题的解决方法

做uniapp开发时，富文本里的图片路径因为是相对路径而无法显示，这时候就需要用正则方式给图片路径加上绝对地址（http://域名），让uniapp能正常显示。

另外，因为富文本里的图片因为宽度太宽，导致显示超出界面，同样，可以用正则方式加以修正（但推荐采用在uniapp模板里加CSS样式控制）

1、把uniapp里富文本的图片相对路径改为绝对路径（加上https(s)://域名）的形式，代码如下：

this.content1 = content1.replace(/\<img src="/gi, '<img src="http://localhost:2000');//content1为富文本里的内容

2、修改富文本里的图片样式，代码如下：

A、推荐方式，即非正则方式：

<view class="detail">
    <rich-text :nodes="content1"></rich-text>
</view>
<style>
    .detail img{max-width:100%;}
</style>

B、正则方式：

const regex = new RegExp('<img', 'gi');
content1= content1.replace(regex, '<img style="max-width:100%;"');