First, the problem
vue use elementUI component library icon does not display properly after tomcat server deployments, as I met Jiang Zi following figure:
Second, the cause
It can be found by looking /build/webpack.base.conf.js file, woff ttf fonts or generate the corresponding file in the static / fonts directory via the url-loader after processing.
That should actually be obtained through the Fonts icon / static / fonts / ** path, and we actually found through the debug window, but it is a request / static / css / static / fonts / **, Nature reported the error.
Third, the solution
Open build / utils.js file, plus publicPath: '../../', as follows:
Re-build, after the redeployment, Congratulations, you can display it properly! !