如何使用 Apache 正确配置反向代理，以用于跨域 AJAX？

需要开发一个高度依赖 API 的 Web 应用程序，但同时不能与 API 本身驻留在同一域中，因此在发出异步 HTTP 请求时绕过“同源策略”非常棘手（阿贾克斯）。 有一次，有人建议我在我的计算机（运行 Windows 7）上安装 WAMP 并使用 Apache 配置反向代理。 同一个人给了我下面的 Apache 指令，我将其添加到httpd.conf文件，告诉我为名为 127.0.0.1 的 IP 创建一个别名dev，在文件内c:\windows\system32\drivers\etc\hosts（我做了）：

LoadModule headers_module modules/mod_headers.so
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_connect_module modules/mod_proxy_connect.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule ssl_module modules/mod_ssl.so

Listen 127.0.0.1:8080
ProxyRequests off

<Proxy *>
                Order deny,allow
                Deny from all
                Allow from 127.0.0.1
</Proxy>

<VirtualHost dev:8080>
                ProxyPass / https://app.somesite.com:5002/
                ProxyPassReverse / https://app.somesitecom:5002/
                ProxyPassReverseCookieDomain app.somesite.com dev
                Header edit Location ^https://dev(:8080)?(.+)$ http://dev$1$2
                Header edit Set-Cookie "(^.+); secure; HttpOnly$" "$1; HttpOnly"
                SSLProxyEngine on
    SSLProxyVerify none
</VirtualHost>

由于我在配置服务器方面完全是新手，因此我只是粘贴了指令，幸运的是，代理起作用了。当我使用浏览器的地址栏访问时，它会从API返回正确的响应，例如，http://dev:8080/a/w/currencies.

但不幸的是，对同一 URL（代码如下）的 AJAX 请求使 Chrome 给我XMLHttpRequest cannot load http://dev:8080/a/w/currencies. Origin http://dev is not allowed by Access-Control-Allow-Origin. error.

$.ajax({
    url: "http://dev:8080/a/w/currencies",
    type: "GET",
    dataType: "json",
    data: {

    },
    success: function(data){
        console.log(data);
    }
}); 

那么为了让这个代理能够与 AJAX 一起工作，还必须做什么呢？ 有人告诉我一些关于alias指令性，但不够具体和清晰，所以对我缺乏经验的大脑来说没有多大意义。

PS：另外，有人告诉我“问题是你从 dev:80 获取文件并 ajax 到 dev:8080”。鉴于我缺乏经验，这都没有多大意义。

您拥有一台具有公共 IP 的服务器，并且 apache 正在其上运行。现在您希望在 LAN 上托管您的应用程序，并且还希望它们可以通过 Internet 访问，重要的是这些应用程序仍然在 LAN 上的计算机上运行。

                           |--------------192.168.1.3
                           |            (internal3.example.com)
                           |
                           |--------------192.168.1.4
                           |            (internal4.example.com)
  (Public IP )             |
            A--------------|
(reverse proxy server)     |
  (192.168.1.25)           |
example.com                |
                           |--------------192.168.1.1
                           |            (internal1.example.com)
                           |
                           |--------------192.168.1.2
                           |            (internal2.example.com)

我正在使用 Ubuntu 来托管 Apache，如果是基于 Debian 的系统，则虚拟主机定义是在其上完成的

/etc/apache2/sites-enabled/*.conf

其中 *conf 对应于

内部1.conf 内部2.conf 内部3.conf 内部4.conf

每个站点的虚拟主机定义如下

/etc/apache2/sites-enabled/internal1.example.conf

<virtualhost *:80>
    ServerAdmin webmaster@localhost
    ServerName internal1.example.com
    ProxyRequests off
    <proxy *>
        Order deny,allow
        Allow from all
    </proxy >
    ProxyPass / http://192.168.1.1/
    ProxyPassReverse / http://192.168.1.1/ 
</VirtualHost>

/etc/apache2/sites-enabled/internal2.example.conf

<virtualhost *:80>
      ServerAdmin webmaster@localhost
      ServerName internal2.example.com
      ProxyRequests off
      <proxy *>
      Order deny,allow
      Allow from all
      </proxy >
      ProxyPass / http://192.168.1.2/
      ProxyPassReverse / http://192.168.1.2/
</VirtualHost >

/etc/apache2/sites-enabled/internal3.example.conf

<virtualhost *:80>
      ServerAdmin webmaster@localhost
      ServerName internal3.example.com
      ProxyRequests off
      <proxy *>
      Order deny,allow
      Allow from all
      </proxy >
      ProxyPass / http://192.168.1.3/
      ProxyPassReverse / http://192.168.1.3/
</VirtualHost >

/etc/apache2/sites-enabled/internal4.example.conf

<virtualhost *:80>
    ServerAdmin webmaster@localhost
    ServerName internal4.example.com
    ProxyRequests off
    <proxy *>
        Order deny,allow
        Allow from all
    </proxy>
    ProxyPass / http://192.168.1.4/
    ProxyPassReverse / http://192.168.1.4/
</VirtualHost>

请注意，在上述所有虚拟主机定义中，我删除了日志文件的选项。 因此，如果您应用于生产服务器，请将它们添加到每个 vhost 文件中。 上面只是给您一个清晰的示例来说明它是如何工作的。 我运行了一个非常复杂的 Apache 设置，所以上面只是一个小例子来帮助您。

现在来谈谈你问题的Ajax部分

在 chrome 中按 Ctrl+Shift+I 您将看到应用程序到底在哪里损坏， 它会给你一些线索，（从与您正在开发 Web 应用程序的计算机不同的计算机发出请求） 另外，如果您可以查看 apache 日志，如果请求来自http://sample具有 ajx api 的页面实际上到达了您的 apache 服务器，这将为您提供更多提示，如果代理正确转发您的请求，请使用 firefox 中的某些工具（如 live_http）发布 HTTP 标头，在没有请求时的情况下以及在没有请求时的情况下请求是由应用程序发出的，通过这种方式观察标头可以帮助您确定请求是否到达了反向代理后面的服务器，还可以检查运行反向代理的服务器的日志是否来自网络的请求到达了它，以及该请求是否到达了该服务器。到达所请求的 URL 是什么。这将为您提供线索，

出于开发目的，在您的 .conf 文件中禁用重写规则一段时间以进行测试，一一进行。