Solo  当前访客:3 开始使用

Y 的个人博客

Java/C#/Linux

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

2018-11-01 13:27:11 yang17762622
0  评论    783  浏览

    在开发过程中,可能会遇到“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