首页 > 其他 > 详细

vue打包图片路径报错问题

时间:2020-08-19 21:55:46      阅读:93      评论:0      收藏:0      [点我收藏+]

好久没有做vue项目了 处于遗忘状态了……

这次用vue做了一个移动端大转盘抽奖活动,打包的时候出现了图片路径问题报错问题,百度解决了,记录下

分为css打包路径和js打包路径报错问题

1、css主要修改两个配置文件,首先将build文件夹下的until.js文件打开,找到如图1所示的地方加上publicPath,然后找到config文件夹下的index.js里面的build对象下的assetsPublicPath,如图2所示把‘/‘改成‘./’

技术分享图片技术分享图片

2、js中使用先把图片放到static文件夹下面,然后按着./static/img/x.png去引用就行了。原因呢是js动态生成的路径无法被url-loader解析到,所以这个路径应该是index.html和图片的相对位置

注:也可以直接把图片全部放到腾讯云之类的服务器上,这样就用担心路径报错了 

 

vue打包图片路径报错问题

原文:https://www.cnblogs.com/muzs/p/13530391.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!