nginx跨域

最新推荐文章于 2024-02-13 16:09:39 发布

木头没有瓜

最新推荐文章于 2024-02-13 16:09:39 发布

阅读量236

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_40918145/article/details/83651150

版权

js 专栏收录该内容

91 篇文章 1 订阅

订阅专栏

1、下载nginx就不说了

2、对config下的文件nginx.config配置如下，在server下新增location

        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        location / {
            #root   d:\svn\html\EZJ;
            #root   html;
            root   E:\cpyzjpc;    #更改为你的代码存放路径，
            index  index.html index.htm;
        }
        location /req {    #针对/req/...的请求
            add_header 'Access-Control-Allow-Origin' '*';  
            #接口请求地址;
            proxy_pass http://192.168.1.42:8081/;
            proxy_redirect     off;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        }

3、设置ajax请求

            var ajaxRequest = $.ajax({
                url: "req/user/login",    //请求的url地址
                type: "POST",
                // url: "req/simpanyukapp/customer/loginHappend",    //请求的url地址
                data: JSON.stringify(params),
                dataType:'json',//数据类型
                contentType: "application/json;charset=utf-8",
                success:function(data, e){  //成功的回调函数
                    // 处理请求
                },
                error: function (e) {
                    console.log(e)
                },
                complete : function(XMLHttpRequest,status){ //请求完成后最终执行参数
                　　　if(status=='timeout'){//超时,status还有success,error等值的情况
                        ajaxRequest.abort(); //取消请求
                　　　　　  console.log("20s超时");
                　　　}
                }
            });

4、打开localhost或者127.0.0.1；