你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

img src 相对地址自动加上当前url导致404

2021/12/16 20:40:22

前端通过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