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

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

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

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

vue打包图片路径报错问题vue打包图片路径报错问题

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

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

 

相关文章:

  • 2021-07-22
  • 2021-05-02
  • 2021-12-24
  • 2021-10-20
  • 2021-04-17
  • 2021-11-20
  • 2021-09-07
猜你喜欢
  • 2021-03-31
  • 2022-01-17
  • 2022-12-23
  • 2022-12-23
  • 2021-10-01
相关资源
相似解决方案