源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  vue+webpack打包图片路径错误的问题

vue+webpack打包图片路径错误的问题

分类: 文章 • 2024-10-17 20:59:46

1、js,css路径不对

解决办法:打开config/index.js,将其中的assetsPublicPath值改为’./’

vue+webpack打包图片路径错误的问题

2、css中引用的图片资源找不到

看下图

vue+webpack打包图片路径错误的问题

vue+webpack打包图片路径错误的问题

这是因为webpage打包的时候会把整个相对路径../../assets/img/login_bg_2.png改成static/img/login_bg_1.1b2f449.png,此时的路径还在css文件内,所以我们需要将build>utils.js修改一下

vue+webpack打包图片路径错误的问题

将路径返回到dist目录下,此时的打包路径就成功了

vue+webpack打包图片路径错误的问题

相关推荐

  • angular开发项目文件系统打开后base路径和background图片路径找不到的问题
  • Vue批量图片显示时遇到的路径被解析问题
  • 数据库存储图片相对路径使用问题,配置tomcat的server.xml文件
  • react打包后图片和资源路径错误的解决方法
  • 在vue中的js部分导入图片后通过webpack无法被正确打包的问题
  • 关于在非C盘安装VS2017后MFC资源视图路径错误的问题
  • webpack打包提示错误 找不到巴拉巴拉的路径
  • webpack 图片打包路径问题DIY解决方案
  • 【问题记录】vue-cli webpack打包后加载资源的路径问题
  • 大华监控设备sdk引用本地jar包后打包问题和linux系统.so包的路径问题
  • 四层和七层负载均衡
  • Caused by: java.io.FileNotFoundException: class path resource [applicationContext.xml] cannot be ope
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号