How to enable CORS on Apache (or should be Nginx?) which it act as a proxy to another local Nginx server?

Question

I deplyed two web-server on my machine, one is Apache (port 80) which launches the PHP5.3, the other one is Nginx (port 8080) which launches the PHP 7.0.2.

I had made Apache to act as a proxy to Nginx.

I set a VirtualHost of Apache, below is the setting:

<VirtualHost *:80>
    ServerAdmin 369273264@qq.com
    ServerName wxforum.com
    ServerAlias wxforum.com

    Header set Access-Control-Allow-Origin "http://wxforum.com"

    ErrorLog "/private/var/log/apache2/wxforum.com-error_log"
    CustomLog "/private/var/log/apache2/wxforum-access_log" common

    ProxyPass / http://127.0.0.1:8080/
    ProxyPassReverse / http://127.0.0.1:8080/
</VirtualHost>

Below is the partial setting of Nginx:

server {

    listen       8080;
    server_name  localhost;
    set $root_path '/usr/local/var/www';
    root $root_path;
    #index  index.php index.html index.htm

    #charset koi8-r;

    access_log  /usr/local/var/log/nginx/localhost.access.log  main;
    error_log  /usr/local/var/log/nginx/localhost.error.log;


    location / {

            index  index.php index.html index.htm;
            try_files $uri $uri/ /index.php$is_args$query_string;
    }


    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   $root_path;
    }



    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    location ~ \.php$ {
        #root           html;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_index  /index.php;

        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
    }

}

Now When I access http://wxforum.com, the Nginx works, But when I issue an AJAX request, it fails, and shows me:

XMLHttpRequest cannot load http://127.0.0.1:8080/_debugbar/open?op=get&id=9932e2decca12d5f5109a1a61d4ce5dc. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://wxforum.com' is therefore not allowed access..

In this case, how could I enable CORS on pure web-server?

score 0 · Answer 1 · answered Sep 22 '16 at 07:08

I solved my problem after reading Using CORS, CORS on Nginx, it does not need to edit configuration file of Apache, thanks so much!

Finally, my nginx.conf is like below:

server {
    listen       8080;
    server_name  localhost;

    set $root_path '/usr/local/var/www';
    root $root_path;

    #charset koi8-r;

    access_log  /usr/local/var/log/nginx/localhost.access.log  main;
    error_log  /usr/local/var/log/nginx/localhost.error.log;    
    index  index.php index.html index.htm;


    # enable CORS
    # http://www.html5rocks.com/en/tutorials/cors/#toc-cors-server-flowchart
    # http://enable-cors.org/server_nginx.html
    # http://stackoverflow.com/questions/14499320/how-to-properly-setup-nginx-access-control-allow-origin-into-response-header-bas/29113949#29113949
    set $allow_origin 'http://wxforum.com';

    add_header 'Access-Control-Allow-Origin' $allow_origin;
    add_header 'Access-Control-Allow-Methods' 'GET, POST';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';


    location / {
        # add_header Access-Control-Allow-Origin $cors_header;
        try_files $uri $uri/ /index.php$is_args$query_string;
    }
    ...
}

How to enable CORS on Apache (or should be Nginx?) which it act as a proxy to another local Nginx server?

1 Answers1