博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
fontawesome-webfont.woff ttf等字体加载不了的问题
阅读量:4090 次
发布时间:2019-05-25

本文共 578 字,大约阅读时间需要 1 分钟。

firefox下显示http状态码为200,但文件内容是0字节,但直接打开字体url却可以下载。

chrome下显示404,请求状态码为canceled,就是取消了请求.

但发现下载的demo程序正常,一部署就不正常了。最后发现是跨域问题。由于部署的时候将样式,字体放到静态服务器static.xx.com。后台域名为admin.xx.com

 

所以在nginx.conf里找到static.xx.com的配置里增加下面配置,即可。

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {add_header Access-Control-Allow-Origin *;} //mime.types增加,不然nginx不解析字体文件AddType application/x-font-woff woffAddType application/x-font-woff2 woff2apache配置
location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {add_header Access-Control-Allow-Origin *;} AddType application/x-font-woff woffAddType application/x-font-woff2 woff2

转载地址:http://csjii.baihongyu.com/

你可能感兴趣的文章
Flutter key
查看>>
Flutter 组件通信(父子、兄弟)
查看>>
Flutter Animation动画
查看>>
Android 混合Flutter之产物集成方式
查看>>
Flutter混合开发二-FlutterBoost使用介绍
查看>>
Flutter 混合开发框架模式探索
查看>>
Flutter 核心原理与混合开发模式
查看>>
Flutter Boost的router管理
查看>>
Android Flutter混合编译
查看>>
微信小程序 Audio API
查看>>
[React Native]react-native-scrollable-tab-view(进阶篇)
查看>>
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native for Android 发布独立的安装包
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
网易云音乐移动客户端Vue.js
查看>>
ES7 await/async
查看>>
ES7的Async/Await
查看>>
React Native WebView组件实现的BarCode(条形码)、(QRCode)二维码
查看>>