Vue 解决部署到服务器后或者build之后Element UI图标不显示问题(404错误)

报错显示: 

问题原因:

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

(2)也就是说实际应该通过 /static/fonts/** 路径来获取字体图标,而实际却是请求 /static/css/static/fonts/**,自然报 404 错误。

解决方式: 

(1)打开 build/utils.js 文件,在如下位置添加 publicPath: '../../'

(2)重新 build 发布,正常显示。

猜你喜欢

转载自blog.csdn.net/SmartJunTao/article/details/108536891