浏览器警告Failed to decode downloaded font 系统页面字体图标加载不出来 问题总结

洪七公

1.后台拦截，此时警告后往往是localhost:8080一类的地址

解决方法：maven放行，或者springSecurity放行

maven放行:在pom文件中（网上抄来的）

1. <resources>
   
2.     <resource>
   
3.         <directory>src/main/resources</directory>
   
4.         <filtering>true</filtering>
   
5.         <excludes>
   
6.              <exclude>static/**/*.woff</exclude>
   
7.              <exclude>static/**/*.woff2</exclude>
   
8.              <exclude>static/**/*.ttf</exclude>
   
9.         </excludes>
   
10.      </resource>
    
11.      <resource>
    
12.          <directory>src/main/resources</directory>
    
13.          <filtering>false</filtering>
    
14.          <includes>
    
15.               <include>static/**/*.woff</include>
    
16.               <include>static/**/*.woff2</include>
    
17.               <include>static/**/*.ttf</include>
    
18.          </includes>
    
19.      </resource>

复制代码

2. 前端问题 ，此时警告后往往跟的是url类型的，如application.....

可能是打包问题，我自己是跟着B站一个教程做的Vue+SpringBoot+ElementUI的系统

在vue项目中的webpack.base.conf.js中的module里，将原有的url-loader注释掉，用file-loader解析这些字体文件即可

1. //注释的原代码（url-loader）
   
2. /*{
   
3.         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
   
4.         loader: 'url-loader',
   
5.         options: {
   
6.           limit: 10000,
   
7.           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
   
8.         }
   
9.       },*/
   
10. //用file-loader
    
11.       {
    
12.         //是为了解析字体的模块，遇到“eot|svg|ttf|woff|woff2”，用file-loader模块解析，正则表达式
    
13.         test: /\.(eot|svg|ttf|woff|woff2)$/,
    
14.         loader: 'file-loader'
    
15.       }

复制代码