使用动态路由匹配时,img标签引入静态资源失败的问题
发布于 3 年前 作者 chaoren 1372 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

问题发生环境:使用router的history模式,用cli3的npm run serve启动开发服务
配置的动态路由如下
image
使用动态路由匹配时,组件TopicPanel中img标签通过src引入的资源无法加载,如果不使用动态路由匹配(path: “/topic”)则没有这个问题

该标签如下:该标签在TopicPanel以外的其他组件中也有引用,均没有出现此问题
<img class="avatar" src="~[@assets](/user/assets)/img/avatar-default.png" alt="">

在配置中定义了别名:
config.resolve.alias.set(’[@assets](/user/assets)’, resolve(‘src/assets’))

查看network中请求的资源,发现请求路径存在问题,错误的路径请求如下
image
其他组件中,正确的路径请求如下
image

区别在于,错误的请求中加入了topic/的路径,请问怎样才能正确请求到资源?

回到顶部