nginx解决跨域

前端开发，经常会遇到请求接口跨域的问题，要解决这个问题，经常会用到jsonp方式，今天就学习一个新的方式： nginx 代理方式

1 下载并安装 nginx

下载地址：http://nginx.org/en/download.html

2 配置nginx

找到nginx里面的 nginx.conf文件 配置要代理的域名和端口

在 http{ ...  } 里面配置新的 server  。 例如： 

server {
    listen       83;
    server_name  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   F:/nginxTest/html;
        try_files $uri $uri/ /index.html last;
    }
    location /api{
          rewrite  /api/(.*)$ /$1 break;
          proxy_pass http://221.12.19.157:8013;
    }
    location ~ .*\.(js|css|jpg|jpeg|gif|png|ico|pdf|txt)$ {
          root F:/nginxTest/;
    }  

 }

说明：

配置1： （注意避开当前已被占用的端口）

端口号 listen xx  

配置2：location /

root 入口页面的文件存放地址

配置3：location /api

proxy_pass 代理服务器域名

aiax 中请求

 <script>
    $.ajax({
        type: "get",
        url: "/api/get_home.aspx",
        success: function (msg) {
            console.log(JSON.stringify(msg));
        }
    });
</script>

启动 nginx 后 ， 用 localhost: + 配置的端口 打开页面 即可