问题一:Nginx 实现AJAX跨域请求

    AJAX从一个域请求另一个域会有跨域的问题。那么如何在nginx上实现ajax跨域请求呢?要在nginx上启用跨域请求,需要添加add_header Access-Control*指令。如下所示:

location/{
...
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    ...
}

注释如下:

  • 第一条指令:授权从url的请求,也可以 add_header Access-Control-Allow-Origin http://www.test.com; --授权从www.test.com的请求;

  • 第二条指令:当该标志为真时,响应于该请求是否可以被暴露

  • 第三条指令:指定请求的方法,可以是GET,POST等

重启nginx

service nginx reload

ajax跨域请求测试

#成功时,响应头是如下所示:
HTTP/1.1200OK
Server:nginx
Access-Control-Allow-Origin:other.subdomain.com

问题二:Nginx反向代理时丢失端口的解决

    配置nginx反向代理时遇到一个问题,当设置nginx监听80端口时转发请求没有问题。但一旦设置为监听其他端口,就一直跳转不正常;如,访问欢迎页面时应该是重定向到登录页面,在这个重定向的过程中端口丢失了。

这里给出一个简短的解决方案,修改nginx的配置文件

配置文件

# the 90 port
    server {
        listen       90;
        server_name  test.com;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host:$server_port; #这里是重点,这样配置才不会丢失端口
        location / {
                proxy_pass http://127.0.0.1:9001;
        }
        location = /50x.html {
            root   html;
        }
    }

产生原因

nginx没有正确的把端口信息传送到后端,没能正确的配置nginx,下面这行是关键

proxy_set_header Host $host:$server_port;

问题三:POST变成GET — http强制跳转https惹的祸

域名配置了http强制跳转htpps后发现app发起post请求会出现405错误。

所以怀疑是http强制跳转https出现了问题。修改nginx配置如下即可解决:

server {
    listen       80;
    server_name  *.snsprj.cn;

    return 307 https://$host$request_uri;
}
  • 301 Moved Permanently

被请求的资源已永久移动到新位置,并且将来任何对此资源的引用都应该使用本响应返回的若干个 URI 之一

  • 307 Temporary Redirect

请求的资源现在临时从不同的URI 响应请求。由于这样的重定向是临时的,客户端应当继续向原有地址发送以后的请求

从上面我们可以看出,301跳转是永久重定向,而307是临时重定向。这就是301跳转与307跳转两者之间的区别

 ------ 分割线 ------

这种配置使用okhttp请求会返回code:307,根据响应重新发起请求即可。