在开发环境中，我们访问的项目一般是127.0.0.1:8080，很多资源都是从根目录搜索的。但是如果打包成静态文件放在域名的二级和三级目录下，就找不到一些资源了。

解决Vue打包后元素-ui图标字体不显示的问题

比如元素-ui框架打包后，字体图标无法加载。通过查看网络请求，发现是从CSS所在的目录往下看，而不是从项目的根目录往下看。

解决方案也非常简单，可以在build/utils.js文件中找到：

if (options.extract) {

返回ExtractTextPlugin.extract({

使用：装载机，

fallback: 'vue-style-loader '

})

} else {

返回['vue-style-loader']。concat(加载程序)

}

回退后添加参数：

publicPath: '././'

产生的代码：

if (options.extract) {

返回ExtractTextPlugin.extract({

使用：装载机，

fallback: 'vue-style-loader '，

publicPath: '././'

})

} else {

返回['vue-style-loader']。concat(加载程序)

}