编辑器上传图片后,使用v-html渲染图片显示不出来(若依编辑器上传图片后,获取接口数据后图片丢失)

编辑器大家都不陌生,使用编辑器上传的文件,获取的接口数据都是带着标签的文本内容返回给前端的,在使用v-html渲染文本内容时,文本内容可以正常显示,图片却显示不了(图片IP前缀丢失或更换),这里給大家提供了一种图片路径丢失的解决方案,如下;

问题原因:原因就是使用编辑器上传文件时的代理IP为 '/dev-api' ,而前端展示页面时的代理IP 为'/api' ,因为我这边 上传文件 和 渲染数据 是两个项目,所以导致图片路径丢失;

解决方案>> 就是在vue.config.js中,再给图片单独配置跨域proxy代理就行;

编辑器上传图片后,使用v-html渲染图片显示不出来(若依编辑器上传图片后,获取接口数据后图片丢失)_第1张图片

这样OK啦●'◡'●

感觉有用,就一键三连,感谢(●'◡'●)

你可能感兴趣的:(编辑器,前端开发,vue.js,编辑器,前端框架,vue.js)