elementui+vue打包后图标404[BUG解决]

问题描述

使用 npm run dev 启动项目没有任何问题，但使用 npm run build 时出现了两个资源 404 的情况

GET http://localhost:63342/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)
GET http://localhost:63342/static/fonts/element-icons.732389d.ttf net::ERR_ABORTED 404 (Not Found)

问题解决：

从目录中我们可以发现 woff 和 ttf 文件存在于 static/fonts/，所以我们有两种方式：
1.直接修改 css 文件：在 css 文件中直接修改这两个文件的路径
2.修改/build/utils.js 文件:搜索 options.extract，添加配置:publicPath: ‘../../‘

产生原因:

默认的 woff 和 ttf 释放位置: /static/fonts/