vue使用elementUI组件库在tomcat服务器部署后图标不显示问题

一、问题

vue使用elementUI组件库在tomcat服务器部署后图标不能正常显示，如我遇到的下图酱紫：

二、原因

通过查看 /build/webpack.base.conf.js 文件可以发现，woff 或 ttf 这些字体会经由 url-loader 处理后在 static/fonts 目录下生成相应的文件。

也就是说实际应该通过 /static/fonts/** 路径来获取字体图标，而实际我们通过调试窗口发现，却是请求 /static/css/static/fonts/**，自然报错误。 

三、解决方法

打开build/utils.js文件，加上 publicPath: '../../'，如下所示：

重新build，重新部署之后，恭喜你，可以正常显示啦！！