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,重新部署之后,恭喜你,可以正常显示啦!!

发布了68 篇原创文章 · 获赞 5 · 访问量 9317

猜你喜欢

转载自blog.csdn.net/DZY_12/article/details/104998647
今日推荐