`

让Apache 和nginx支持跨域访问

阅读更多

1,如何让Apache支持跨域访问呢? 

步骤:

  1. 修改httpd.conf,windows中对应的目录是:C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf
  2. 把LoadModule headers_module modules/mod_headers.so 前面的注释删除
  3. 修改 
    这里写图片描述 
    改为: 
    这里写图片描述 
    即:
<Directory />
    AllowOverride none
    Require all granted
    Header set Access-Control-Allow-Origin *
</Directory>

 

 

如果使用图形界面来开启headers_module模块要注意步骤的顺序 
(1) 首先使用图形界面开启headers_module模块功能; 
(2) 然后在修改httpd.conf配置文件,增加Header set Access-Control-Allow-Origin * 
顺序错了就启动不了httpd服务

 

2,如何使Nginx支持跨域呢? 
1,进入nginx的html目录 
vim ./crossdomain.xml 
具体路径: /usr/local/nginx/html/crossdomain.xml 
2,在crossdomain.xml中添加:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>

 

结果就是: 
这里写图片描述

注意:默认/usr/local/nginx/html/crossdomain.xml 是不存在的.

参考:http://blog.csdn.net/hw1287789687/article/details/46672677

0
0
分享到:
评论

相关推荐

    nginx实现跨域访问遇到的问题

    Nginx 是一款轻量级的 Web 服务器、反向代理服务器和电子邮件代理服务器,然而在实现跨域访问时,会遇到一些问题。本文将讨论 Nginx 实现跨域访问遇到的系统环境问题解决方法,并分享踩过的坑。 跨域是什么? -----...

    解决nginx/apache静态资源跨域访问问题详解

    本篇文章将详细介绍如何在Nginx和Apache服务器上配置静态资源以解决跨域访问问题。 首先,我们来看Apache服务器的配置。Apache是流行的开源HTTP服务器,它允许通过修改配置文件来实现跨域设置。主要步骤如下: 1. ...

    在各种服务器(nginx,apache,tomcat)上设置CORS跨域设置.zip

    本压缩包包含了在三种主流服务器——Apache、Nginx和Tomcat上设置CORS的方法。 **Apache服务器** Apache服务器可以通过修改`.htaccess`文件或者配置httpd.conf文件来实现CORS设置。在`.htaccess`文件中,可以添加...

    Nginx课件完整版.pdf

    1. Web服务器:Nginx可以作为Web服务器,提供静态资源的访问和动态资源的代理。 2. 反向代理:Nginx可以作为反向代理服务器,帮助隐藏内部服务器的IP地址,提高网站的安全性。 3. 负载均衡:Nginx可以作为负载均衡...

    Nginx 代理 Apache 下某一个工程

    这里我们探讨的主题是如何使用Nginx作为代理服务器,代理Apache下的某个特定工程,以实现更优化的流量管理和性能提升。主要涉及的技术栈包括Nginx、Tomcat以及它们之间的集成。 首先,Nginx是一款轻量级、高性能的...

    signalR跨域及解决方案

    例如,使用 Nginx 或 Apache 作为反向代理服务器。 4. **IFrame 和 PostMessage:** 对于需要复杂交互的情况,可以在目标域上创建一个 IFrame,并通过 `window.postMessage` API 与外部窗口通信。不过,这种方法...

    nginx-1.4.1

    描述中提到“使用nginx代理服务,解决跨域问题”,这里的核心是Nginx的反向代理功能和配置。跨域问题源于浏览器的同源策略,限制了不同源(协议+域名+端口)之间的通信。通过Nginx,我们可以设置HTTP响应头`Access-...

    Nginx-windows

    6. **邮件服务器**: 虽然在Windows环境下不常用,但Nginx也支持SMTP、IMAP和POP3协议,可以作为邮件代理服务器。 ### Nginx的目录结构 在解压后的Nginx-Windows文件中,包含以下关键组件: - `nginx.exe`: 这是...

    Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法

    标题中的问题直指一个特定的技术挑战,即在Apache和Nginx服务器环境下,Font Awesome图标在Firefox浏览器中无法正常显示。Font Awesome是一个流行的图标库,它利用Web字体技术来提供各种矢量图形,广泛用于网站设计...

    pdf.js,内含跨域解决办法

    例如,在 Apache 或 Nginx 配置中添加 `Access-Control-Allow-Origin` 头,指定允许访问的源或者使用通配符 `*` 允许所有来源。 2. 使用代理:在你的应用服务器上设置一个代理,将 PDF 请求转发到实际的 PDF 存储...

    ajax跨域解决办法

    这通常通过修改服务器配置或编写中间件实现,例如Apache或Nginx的反向代理功能。 5. **Flash跨域**:虽然Flash已逐渐被淘汰,但在过去,它可以通过`crossdomain.xml`文件来允许跨域请求。不过,这种方法需要Flash...

    jquery下利用jsonp跨域访问实现方法.docx

    - CORS(Cross-Origin Resource Sharing)是现代浏览器支持的一种更安全、更灵活的跨域访问方式,允许服务器通过设置特定头部来允许来自不同源的请求。 - 使用IFrame和Window.postMessage进行跨域通信。 - 代理...

    nginx使用文档

    ### Nginx 使用文档 #### 一、Nginx 入门 ##### 1.1 什么是 Nginx? Nginx 是一款高效能的 HTTP 服务器、反向代理服务器及...无论是简单的 HTTP 服务器还是复杂的负载均衡方案,Nginx 都能够提供出色的性能和支持。

    pdfjs 跨域预览文件(完整版t)

    8. **安全考虑**:虽然 CORS 允许跨域访问,但也要注意不要泄露敏感信息。只有在明确需要的情况下,才应开启 CORS,并对请求来源进行严格的限制。 通过深入理解这些知识点并结合提供的“pdfjs跨域加载资料”,你...

    跨域共享session (实现http跳转https 共享session)

    3. **Cookie的SameSite属性**:设置`SameSite=None`可以让Cookie在跨域请求中发送,但需要注意的是,这可能会增加跨站请求伪造(CSRF)攻击的风险,因此应结合CSRF令牌一起使用。 4. **服务器端处理**:服务器端...

    跨域引用资源技术

    1. **配置反向代理**:反向代理服务器(如Nginx或Apache)可以接收来自不同源的请求,并将它们转发到同一源的资源。这样,不同域名的客户端可以通过代理服务器访问同一份资源,从而实现跨域。这种方法适用于完全控制...

    xmlhttp跨域解决方案

    然而,由于浏览器的同源策略限制,XMLHttpRequest在发送请求时,通常只能请求与当前页面同一源的资源,这在进行跨域请求时会遇到“拒绝访问”的错误。为了解决这一问题,我们可以采用多种跨域解决方案,其中一种是...

    WEB前端关于跨域问题的8种解决方案

    8. **Nginx或Apache配置**:通过修改服务器配置,例如Nginx的反向代理或Apache的mod_proxy模块,可以将跨域请求重定向到同一源的服务器,实现跨域访问。 在选择解决方案时,需要考虑实际需求、兼容性和安全性等因素...

    浅谈Ajax跨域Session和跨域访问

    三、Session与跨域访问 Session是服务器端存储用户状态的一种方式,通常与特定的浏览器会话关联。当用户在某个域(例如A.com)下登录并创建了Session,然后在另一个域(例如B.com)进行Ajax请求时,B.com无法直接...

Global site tag (gtag.js) - Google Analytics