让Apache支持跨域访问

修改httpd.conf,windows中对应的目录是:C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf

把LoadModule headers_module modules/mod_headers.so 前面的注释删除

修改

01.
<Directory>
02.
    AllowOverride none
03.
    Require all granted
04.
</Directory>

改为:

01.
<Directory />
02.
    AllowOverride none
03.
    Require all granted
04.
    Header set Access-Control-Allow-Origin *
05.
</Directory>

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

使Nginx支持跨域
1)进入nginx的html目录 

01.
vim ./crossdomain.xml

具体路径: /usr/local/nginx/html/crossdomain.xml 
2)在crossdomain.xml中添加:

01.
<?xml version="1.0" encoding="UTF-8"?>
02.
<!DOCTYPE cross-domain-policy SYSTEM " 
03.
<cross-domain-policy>
04.
<allow-access-from domain="*" />
05.
</cross-domain-policy>

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

nginx做请求转发

01.
vi /usr/local/etc/nginx/vhosts/xx.com.conf

01.
server {
02.
    listen 80;
03.
    server_name xxx.com  10.1.146.81;
04.
 
05.
    location / {
06.
        add_header 'Access-Control-Allow-Origin' '*';
07.
        add_header 'Access-Control-Allow-Credentials' 'true';
08.
        add_header 'Access-Control-Allow-Methods' '*';
09.
        proxy_pass http://localhost:8088;
10.
        # proxy_redirect off ;
11.
        index index.php index.html index.htm;
12.
   }
13.
    # error_page 500 502 503 504 /50x.html;
14.
}