nginx解决跨域问题

nginx解决跨域问题，跨域指的是浏览器不能执行其它网站的脚本，它是由浏览器的同源策略造成的，是浏览器对JavaScript 施加的安全限制。

-----------------html目录直接存放发布前端包

-----------------config配置文件

nginx.conf文件 #user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
        location / {
          proxy_pass http://10.15.126.146:8080;
          add_header 'Access-Control-Allow-Origin' '*'; 
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

    server {
        listen       81;
        server_name  localhost;
        location / {
            # 允许跨域请求的“域”
		    add_header 'Access-Control-Allow-Origin' $http_origin;

            add_header Access-Control-Allow-Credentials true;
            proxy_pass http://10.15.126.146:8082;
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

    server {
        listen       82;
        server_name  localhost;
        location / {
            # 允许跨域请求的“域”
		    add_header 'Access-Control-Allow-Origin' $http_origin;
            proxy_pass http://10.15.128.45:6713; 
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }
} 注释 ~：正则表达式的开头固定写法
(): 识别为一个整体
| 或者
$ 以什么结尾