七牛云存储 - 七牛+Nginx+图标字体=No 'Access-Control-Allow-Origin' header错误?
给我你的怀抱
给我你的怀抱 2017-05-16 17:25:15
[Linux讨论组]
Font from origin 'http://img.***.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://***.com' is therefore not allowed access. The response had HTTP status code 403. (index):1
GET http://img.***.com/wp-content/themes/someone-v2/fonts/fontawesome-webfont.woff 

已经载入了

    location ~* \.(eot|otf|ttf|woff|svg)$ {
        add_header Access-Control-Allow-Origin *;
    }

font-awesome.min.css:

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}

浏览器可访问到图标字体,页面提示403

这个怎么破?

给我你的怀抱
给我你的怀抱

全部回复(2)
大家讲道理

这个是因为你在七牛的空间中设置了防盗链,但是防盗链中没有设置访问css文件的域名,导致从css文件中访问到的图片的referer是css的域名,不在防盗链的白名单中,所以被403 forbidden了。

ringa_lee

目测还要提供Access-Control-Allow-Methods和Access-Control-Allow-Headers头

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号