为了试验先模拟一下
改hosts 在
C:\Windows\System32\drivers\etc
加一行 表示调用方的域名 这样a.com 就会到127.0.0.1
127.0.0.1 a.com b.com
加一配置文件 a.conf当调用方url 访问a.com会到http://localhost:8081/
但是 访问a.com/panda 会到 http://localhost:8080/test 就是服务端
D:\develop\nginx-1.15.2\conf\vhost\a.conf
server {
listen 80;
server_name a.com;
location / {
proxy_pass http://localhost:8081/ ;
}
location /panda {
proxy_pass http://localhost:8080/test ;
}
}
前端请求改成↓
$.getJSON("/panda/get1").then(function(jsonObj) {
result = jsonObj;
});
注意这里url用的相对地址 就是访问 a.com/panda 然后nginx的设置会使其反向代理到http://localhost:8080/test
实际上是a.com访问http://localhost:8080/test
但是 浏览器看起来是a.com访问a.com/panda根本没跨域! 当然么有跨域问题!
image.png
↑请求头里面根本没有orgin 对浏览器来说 根本没有跨域
