Access-Control-Allow-Origin 站点跨域请求的问题
来源:互联网 发布:intel ipp linux 编辑:程序博客网 时间:2024/05/17 23:21
查看原文:http://www.ibloger.net/article/405.html
闲暇之时,做了一个博客站点,站点发布网络之后程序功能完成,最后发现了一个跨域的问题,比如我使用abc.com打开系统,一切正常,后台没有任何文件请求报错问题,然后我又使用了www.abc.com再试一下,结果发现一些字体文件或引用外部css文件等请求失败问题
Font from origin 'http://lovefeel.top' 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://www.lovefeel.top' is therefore not allowed access.
使用火狐调试错误如下
后来查下文档,参考网页的解决方式如下
IIS服务器
在IIS添加如下标头即可Access-Control-Allow-Headers:Content-Type, api_key, AuthorizationAccess-Control-Allow-Origin:*
测试发现我这里只写了Access-Control-Allow-Origin:* 就解决了,文件请求正常。
参考其他大牛写的,这里摘录一下作为记忆
Nginx服务器
通过Nginx模块HttpHeadersModule来添加Access-Control-Allow-Origin允许的地址。
在Nginx的conf目录下修改nginx.conf,添加以下代码
location ~* \.(eot|ttf|woff|svg|otf)$ { add_header Access-Control-Allow-Origin *;}// eot|ttf|woff|svg|otf,表示请求后缀类型,也可以直接写如下代码location / { add_header Access-Control-Allow-Origin *; }
Apache服务器
若服务器为Apache,则可以按照如下配置:
<IfModule mod_setenvif.c> <IfModule mod_headers.c> <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$"> SetEnvIf Origin ":" IS_CORS Header set Access-Control-Allow-Origin "*" env=IS_CORS </FilesMatch> </IfModule> </IfModule>
Tomcat服务器
参考文献:http://www.bubuko.com/infodetail-1022595.html
http://www.mamicode.com/info-detail-470472.html
Apache官方文档:http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#CORS_Filter
另外还有一些跨域安全方面的问题等等,具体请参考大牛的文章
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法 http://blog.csdn.net/freshlover/article/details/44223467
- Access-Control-Allow-Origin 站点跨域请求的问题
- 跨域问题:Access-Control-Allow-Origin
- 跨域问题Access-Control-Allow-Origin
- Access-Control-Allow-Origin跨域问题
- Access-Control-Allow-Origin 跨域问题
- Access-Control-Allow-Origin跨域问题
- Access-Control-Allow-Origin 跨域问题
- Ajax访问Servlet的跨域请求问题—Access-Control-Allow-Origin
- Access-Control-Allow-Origin跨域请求以及隐患
- access-Control-Allow-Origin跨域请求安全隐患
- Access-Control-Allow-Origin跨域请求php+js
- Nginx配置跨域请求 Access-Control-Allow-Origin *
- ajax请求node.js接口时出现跨域问题Access-Control-Allow-Origin
- 关于跨域请求静态文件配置问题[Access-Control-Allow-Origin]
- Golang利用Access-Control-Allow-Origin响应头解决跨域请求问题
- ajax Access-Control-Allow-Origin跨域问题
- HTML5 Access-Control-Allow-Origin解决跨域问题
- Access-Control-Allow-Origin解决Ajax跨域问题
- ios中类别和扩展的区别
- Google Android操作系统内核编译图文教程-09年旧文
- mongo客户端mongo VUE增删改查
- Shiro安全框架入门篇(登录验证实例详解与源码)
- Spring中的@Transactional深度分析
- Access-Control-Allow-Origin 站点跨域请求的问题
- linux下QtCreator工程文件中配置Wl,rpath参数
- 几何画板中直角符号不带阴影的原因
- 高仿拼多多应用源码
- Android Studio 2.2 预览 - 新的UI设计师和约束布局
- linux学习顺序 - 09年旧文
- 巴士模板中开启点赞功能及房产页与维盟路由定时重启
- Linux file system superblock
- java枚举创建,定义注意事项