webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
作者：骨月枫🍁 发布时间：2024-04-27 16:10:21
标签：webpack,vue,打包
最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下
一、首先修改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问题的修复方法(总结篇)网站的支持！
来源：https://www.cnblogs.com/skyHF/archive/2018/01/08/8243653.html
0
投稿猜你喜欢
交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wirefr- Python3中二叉树前序遍历的迭代解决方案A Binary Tree二叉树是分层数据结构，其中每个父节点最多有 2 个子节点。在今天的文章
- 二值图像的凸壳指的是包围输入二值图像白色区域的最小的凸多边形的像素集合。skimage中的函数from skimage.morphology
- datetime 时间包认识 datetime 时间包：date：日期；time：时间；所以 datetime 就是 日期与时间的结合体使用
- 前言大家都知道，英文的分词由于单词间是以空格进行分隔的，所以分词要相对的容易些，而中文就不同了，中文中一个句子的分隔就是以字为单位的了，而所
- CＬＩ工程全局安装vue-clinpm install -g @vue/cli通过cli创建uni-app项目 vue creat
- （一）行号显示和排序 1.SQL Server的行号 A.SQL 2000使用identity(int,1,1)和临时表，可以显示行号 SE
- 一、初始化主界面import pygamepygame.init()screen = pygame.display.set_mode((50
- <script type="text/javascript"> var params&n
- 本文介绍了用ASP的AdoDb.Stream读取/写入UTF-8编码格式的文件的方法：函数名称:ReadTextFile 作用:利用AdoD
- Pandas库中有iloc和loc以及ix可以用来索引数据，抽取数据。但是方法一多也容易造成混淆。下面将一一来结合代码说清其中的区别。1.
- 使用方法：terminal中输入python weather.py http://www.weather.com.cn/weather/10
- 一：模板要了解jinja2，那么需要先理解模板的概念。模板在Python的web开发中广泛使用，它能够有效的将业务逻辑和页面逻辑分开，使代码
- Python计算器加减乘除，供大家参考，具体内容如下1、效果图2、代码# coding=utf-8import sysfrom PyQt5.
- 1、Pylint是什么pylint是一个Python源代码中查找bug的工具，能找出错误，和代码规范的运行。也就是你的代码有Error错误的
- 前言最近遇到的几个网站在提交密码时提交的已经是密文，也就是说在网络上传输的密码是密文，这样提升了密码在网络传输中的安全性。后端语言加解密已
- 前言虽然标题是全站，但目前只做了等级 top 100 直播间的全天弹幕收集。弹幕收集系统基于之前的B 站直播弹幕姬 Python 版修改而来
- 一.GUI(Graphical User Interface(图形用户接口))1.导入需要用到的包import tkinter as tki
- 1.order by rand()数据多了极慢，随机性非常好，适合非常小数据量的情况。SELECT * FROM table_name AS
- 本文实例讲述了thinkphp5.1 框架钩子和行为用法。分享给大家供大家参考，具体如下：行为ThinkPHP中的行为是一个比较抽象的概念，
