前端通过tinymce富文本上传图片,数据库中保存了html,<img src=“fs/4.png” />
当在前端显示时报错404,F12发现图片的请求地址为http://localhost:8080/zxdsd/fs/4.png,
而正确的图片路径应该为http://localhost:8080/fs/4.png,其中fs是vue设置的代理
pathRewrite :{
'^/fs':'/fs'
}
很显然是代理没有匹配上导致没有重写,
将其改为
pathRewrite: {
'^/(.*?)/fs':'/fs'
}
解决,思考其原因是pathRewrite只从/zxdsd开始进行匹配了,而^/fs表示匹配以/fs开头的,很明显/zxdsd无法匹配,而(.*?)表示匹配任意字符串,所以匹配到了zxdsd,将整个/zxdsd/fs 重写成了/fs

