一、问题

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

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

二、原因

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

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

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

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

三、解决方法

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

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

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

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-23
  • 2022-12-23
  • 2021-05-15
  • 2022-12-23
  • 2021-04-28
  • 2021-12-31
猜你喜欢
  • 2021-11-13
  • 2021-06-17
  • 2021-12-06
  • 2021-10-23
  • 2021-07-07
  • 2022-12-23
  • 2021-06-29
相关资源
相似解决方案