问题一: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,根据响应重新发起请求即可。