干货满满，解决vue打包后静态资源路径错误的问题，3个月学会前端开发

2.保证资源转码条件符合。这块主要涉及到加载用到的加载器url-loader, 需要保证其配置可执行。打开build目录下的webpack.base.conf.js

看代码：

{

test: /.(png|jpe?g|gif|svg)(?.*)?$/,

loader: ‘url-loader’,

options: {

limit: 10000, // 该限制为小于10KB的图片，系统默认转码为base64

name: utils.assetsPath(‘img/[name].[hash:7].[ext]’)

}

},

依赖资源路径问题（字体、图标）

起因：

系统采用vue + elementUI，但是发现打包之后的字体文件和图标都不能正常显示，报错如下：

解决：

打开build目录下utils.js，添加路径配置 publicPath: '../../',

看代码：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。<