vue项目执行npm run build 打包出现某些图片，字体，资源文件路径404，无法加载的问题

如图所示：如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹正常情况下static文件夹是非常干净的如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制此时，我们按照下图找到对应的文件默认限制是10kb。我们可以修改为...

Duccky

5018人浏览 · 2018-09-20 17:13:22

Duccky · 2018-09-20 17:13:22 发布

如图所示：

如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹

正常情况下static文件夹是非常干净的

如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。

一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制

此时，我们按照下图找到对应的文件

默认限制是10kb。我们可以修改为自定义的任意大小。可参照你资源文件中最大的文件来设置大小限制。此时再执行npm run build 打包操作，如果发现static文件夹没有了img文件夹等多余的文件夹，则说明问题已经得到解决

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^