文件名称:
解决Vue打包后访问图片/图标不显示的问题
开发工具:
文件大小: 179kb
下载次数: 0
上传时间: 2021-01-19
详细说明:大家可否遇到过 npm run build 打包后,项目在线上运行时,资源文件 (图片、图标)不显示 的问题,
接下来,我给大家分享一下我的解决方案~
1.检查打包后dist中的css文件
打开此文件后你会头晕,因为都是打包压缩过的css代码,不过没关系 ,关键字搜索url
检查该url路径是否匹配正确
对比后惊人发现!!!
因此在url路径前添加../../就OK了, 但是 很麻烦,每次打包后都要进行二次加工吗?
并不是!!!
2.自动添加 ../../ 的方法
打开build/utils.js,检测 publicPath 值是否正确,自己配置成相应的即可!
if (options
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.
相关搜索: