webpack+vue项目打包生成资源文件报404错误怎么办
这篇文章主要介绍了webpack+vue项目打包生成资源文件报404错误怎么办，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
专业从事成都网站制作、成都网站建设,高端网站制作设计,微信小程序,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务，采用H5建站+CSS3前端渲染技术，成都响应式网站建设公司，让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组，与您实时在线互动，随时提供解决方案，畅聊想法和感受。
一、首先修改config目录下的index.js文件
将其中build的配置项assetsPublicPath进行修改，改为
目的是将资源文件的引入路径，改为相对地址（相对index.html）
二、此时html中的js、css、img引入均没有问题，但是css中的background-image还是报404
此时的问题原因是，使用了相对地址后，在css进行引入的图片路径，其相对的是css文件的路径
此时的修改方法是，修改build文件夹中的utils.js文件，修改如下这一行
这样css中的背景图也OK了，如果在css中引入字体也可以用这样的方式修复404问题。
感谢你能够认真阅读完这篇文章，希望小编分享的“webpack+vue项目打包生成资源文件报404错误怎么办”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
网站栏目：webpack+vue项目打包生成资源文件报404错误怎么办
分享路径：https://www.cdcxhl.com/article38/ghocpp.html
成都网站建设公司_创新互联，为您提供响应式网站、品牌网站设计、网站设计公司、做网站、外贸建站、域名注册
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
- 成都服务器托管找哪家？ 2021-03-18
- 服务器中毒处理 2022-05-25
- 服务器托管到机房与自己管理哪个好？ 2022-10-07
- 服务器托管50idc怎么样 2021-03-17
- 为什么企业进行服务器托管更好？ 2022-10-03
- 服务器托管收费标准一般是多少？ 2022-10-09
- 服务器托管价格 2021-03-17
- 服务器托管的收费标准通常是怎样制定的？ 2016-10-05
- 艾克赛乐服务器托管怎么样？ 2021-03-10
- 郑州网站建设公司服务器托管避免上当 2023-02-20
- 免备案服务器托管有什么好处？ 2022-10-03
- 多线服务器托管的优点是什么？ 2022-10-05