Solo  当前访客:1 开始使用

Y 的个人博客

Java/C#/Linux

Nginx解决Access-Control-Allow-Origin跨域问题

2018-11-01 13:27:11 yang17762622
0  评论    1,250  浏览

在开发过程中,可能会遇到“Access-Control-Allow-Origin”,也就是跨域问题。

1png

但是百度了大部分都是采用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);
    }
});

请求结果

2png

,

发表评论

TOP