在开发过程中,可能会遇到“Access-Control-Allow-Origin”,也就是跨域问题。
但是百度了大部分都是采用 jsonp 或者是修改服务端在响应头里设置“Access-Control-Allow-Origin”
下面给大家介绍另一个解决办法,通过 nginx 反向代理,解决跨域
Nginx 配置
//匹配到以ums-api的请求,转到指定域下(列:localhost/ums-api/user/login ----> www.test.com/ums-api/user/login)
location ^~ /ums-api {
proxy_pass http://*****/ums-api;
}
//localhost指向127.0.0.1:8080 (127.0.0.1:8080 访问也会跨域)
location / {
root html/a;
index index.html index.htm;
proxy_pass http://127.0.0.1:8080;
}
ajax 请求
$.ajax({
url:"http://localhost/ums-api/user/login",
type:"post",
data : JSON.stringify(param), //转JSON字符串
dataType : 'json',
contentType : 'application/json;charset=UTF-8',
success:function(result){
console.log(result);
}
});
请求结果
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于