您的位置:首页 > 教程 > linux > Apache跨域资源访问报错问题解决方案

Apache跨域资源访问报错问题解决方案

2022-06-20 07:28:19 来源:易采站长站 作者:

Apache跨域资源访问报错问题解决方案

这篇文章主要介绍了Apache跨域资源访问报错问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下PwL站长之家-易采站长站-Easck.Com

很多时候,大中型网站为了静态资源分布式部署,加快访问速度,减轻主站压力,会把静态资源(例如字体文件、图片等)放在独立服务器或者CDN上,并且使用独立的资源域名(例如res.test.com)PwL站长之家-易采站长站-Easck.Com

但是在实际部署中,会发现浏览器无法载入这些不同域名的资源,firefox控制台会报错:PwL站长之家-易采站长站-Easck.Com

<span role="presentation" class="objectBox objectBox-errorMessage "><span class="errorMessage ">已阻止跨源请求:同源策略禁止读取位于 http://xxxxx 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。</span></span> PwL站长之家-易采站长站-Easck.Com
PwL站长之家-易采站长站-Easck.Com

已阻止跨源请求:同源策略禁止读取位于 http://xxxxx 的远程资源。(原因:CORS 请求失败)。PwL站长之家-易采站长站-Easck.Com

这是因为现代浏览器将其定义为跨域资源而不允许加载PwL站长之家-易采站长站-Easck.Com

理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。PwL站长之家-易采站长站-Easck.Com
PwL站长之家-易采站长站-Easck.Com

何谓同源:PwL站长之家-易采站长站-Easck.Com
PwL站长之家-易采站长站-Easck.Com

URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示他们同源。PwL站长之家-易采站长站-Easck.Com
PwL站长之家-易采站长站-Easck.Com

同源策略:PwL站长之家-易采站长站-Easck.Com
PwL站长之家-易采站长站-Easck.Com

浏览器的同源策略,限制了来自不同源的"document"或脚本,对当前"document"读取或设置某些属性。 (白帽子讲web安全[1])PwL站长之家-易采站长站-Easck.Com
从一个域上加载的脚本不允许访问另外一个域的文档属性。PwL站长之家-易采站长站-Easck.Com

那么关键是如何解决呢,其实很简单,只要在静态资源服务器上,增加一个头信息:PwL站长之家-易采站长站-Easck.Com

Access-Control-Allow-Origin *PwL站长之家-易采站长站-Easck.Com

本文就apache进行操作,nginx大同小异PwL站长之家-易采站长站-Easck.Com

首先编辑httpd.confPwL站长之家-易采站长站-Easck.Com

找到这行PwL站长之家-易采站长站-Easck.Com

#LoadModule headers_module modules/mod_headers.soPwL站长之家-易采站长站-Easck.Com

把#注释符去掉PwL站长之家-易采站长站-Easck.Com

LoadModule headers_module modules/mod_headers.soPwL站长之家-易采站长站-Easck.Com

目的是开启apache头信息自定义模块PwL站长之家-易采站长站-Easck.Com

然后在独立资源域名的虚拟主机添加一行PwL站长之家-易采站长站-Easck.Com

Header set Access-Control-Allow-Origin *PwL站长之家-易采站长站-Easck.Com

意思是对这个域名的资源进行访问时,添加一个头信息PwL站长之家-易采站长站-Easck.Com

重启apachePwL站长之家-易采站长站-Easck.Com

再访问,OK!PwL站长之家-易采站长站-Easck.Com

NameVirtualHost 10.0.0.2:80
<VirtualHost 10.0.0.2:80>
  DocumentRoot /var/www/host.example.com
  ServerName host.example.com
  JkMount /webapp/* jkworker
  Header set Access-Control-Allow-Origin "*"
  RewriteEngine on
  RewriteRule  ^/otherhost http://otherhost.example.com/webapp [R,L]
</VirtualHost>

And here's an example of the Apache config for the second:PwL站长之家-易采站长站-Easck.Com

NameVirtualHost 10.0.1.2:80
<VirtualHost 10.0.1.2:80>
  DocumentRoot /var/www/otherhost.example.com
  ServerName otherhost.example.com
  JkMount /webapp/* jkworker
  Header set Access-Control-Allow-Origin "*"
</VirtualHost>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

如有侵权,请联系QQ:279390809 电话:15144810328

相关文章

  • Linux下用GHOST来做系统备份

    Linux下用GHOST来做系统备份

    在Windows系统下备份我们可以用GHOST工具软件完成,Linux系统不能完全依赖于GHOST工具,一则是GHOST本身是有版权的软件,二是GHOST只支持ext2、ext3文件系统的Linux分区,不支持reiserfs、xfs等
    2019-10-25
  • 给 FreeBSD 12.1 安装 GNOME3 图形界面

    给 FreeBSD 12.1 安装 GNOME3 图形界面

    FreeBSD是一个完全开放的、安全的系统,可以Do it yourself的系统。但是个人还是不喜欢呆板的命令行界面,所有就给 FreeBSD 12.1 安装 GNOME3 图形界面。 开始操作,启动FreeBSD 12.1,以root身份
    2019-10-27
  • Ubuntu Studio一个不错的操作系统

    Ubuntu Studio一个不错的操作系统

    Ubuntu Studio 是一个基于 Ubuntu 而面向音频、视频及图形爱好者的操作系统。本次推出的 Ubuntu Studio 为 7.04 版,目前仅支持 Intel i386 兼容的处理器。 Ubuntu Studio 从大量的开源多媒体创作程序
    2019-10-25
  • 最受欢迎的10款Linux免费游戏

    最受欢迎的10款Linux免费游戏

    图为在Linux下运行的免费游戏America's Army 如果你认为 Linux下没有什么好游戏的话,那就错了!我们来看看Linux下最受欢迎的10款游戏吧,而且这些游戏都是完全免费的! # skyreal update(06-12
    2019-10-25
  • compiz fusion特效使用心得(附3D桌面图)

    compiz fusion特效使用心得(附3D桌面图)

    3D桌面图 LINUX发行版就是好,当大多数人还在沉迷于那些什么风格图标鸟玻璃效果甚至孜孜不倦津津乐道的时候,Linux的高手们已经悄悄为我们开启了一个桌面系统3D的时代。 当我第一次
    2019-10-25
  • Ubuntu 下aMule 的安装配置

    Ubuntu 下aMule 的安装配置

    aMule 是一个类似于 eMule 的多平台 P2P 客户端程序。以下将简略叙述 aMule 在 Ubuntu 中的安装及配置 [High ID] 与 [KAD] 的过程。 安装: sudo apt-get install amule sudo apt-get install amule-utils 如果需要
    2019-10-25
  • JMeter jp@gc - stepping thread group插件

    JMeter jp@gc - stepping thread group插件

    这是一个出单接口压力测试的小例子,了解一下压力测试最最基础的基础。出单接口是用来保险出单的,不需要在UI界面下一步下一步的出单,接口一调数据入库完事~~~。再啰嗦一句接
    2019-10-27
  • Ubuntu 下使用K3B软件刻录光盘(图)

    Ubuntu 下使用K3B软件刻录光盘(图)

    不知大家会不会在Ubuntu下刻录光盘呢?k3b是KDE环境下的一个CD/DVD刻录软件,有非常容易使用的界面,功能比较齐全。用起来感觉就象是win下的Nero一样简单自然,比ubuntu里原来的刻录CD方式
    2019-10-25