两个方向去排查:
一、后端处理
后台拦截,此时警告后往往是localhost:8080一类的地址
解决方法:maven放行,或者springSecurity放行
maven放行:在pom文件中 代码片
.
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>2.6</version>
<configuration>
<nonFilteredFileExtensions>
<nonFilteredFileExtension>ico</nonFilteredFileExtension>
<nonFilteredFileExtension>otf</nonFilteredFileExtension>
<nonFilteredFileExtension>woff</nonFilteredFileExtension>
<nonFilteredFileExtension>woff2</nonFilteredFileExtension>
<nonFilteredFileExtension>eot</nonFilteredFileExtension>
<nonFilteredFileExtension>svg</nonFilteredFileExtension>
<nonFilteredFileExtension>ttf</nonFilteredFileExtension>
</nonFilteredFileExtensions>
<encoding>${project.build.sourceEncoding}</encoding>
</configuration>
</plugin>
二、前端处理
前端问题 ,此时警告后往往跟的是url类型的,如application…,在vue项目中的webpack.base.conf.js中的module里,将原有的url-loader注释掉,用file-loader解析这些字体文件即可
//将下面这段替换掉
/*(url-loader){
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
},*/
//是为了解析字体的模块,遇到“eot|svg|ttf|woff|woff2”,用file-loader模块解析,正则表达式
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader'
}