前端調(diào)用接口的時(shí)候跨域了怎么辦呢,如下代碼跨域:

        $.ajax({
            type:'POST',
            data:{accountPwd: "loveyou",accountUser: "loveme"},
            url:'http://192.168.1.99:3309/mice/login',
            success:function(res){
                console.log(res)
            }
        })

image.png

通過(guò)nginx反向代理
下載nginx:http://nginx.org/en/download.html
解壓到后的目錄如下:

image.png

配置:conf/nxinx.conf
nginx.conf默認(rèn)的配置最好不要改,我們?cè)趎xinx.conf同目錄下新建一個(gè)配置文件myconfig.conf并添加如下代碼:

server {
        listen       5328;    #監(jiān)聽(tīng)端口  可以訪問(wèn)127.0.0.1:8090
        server_name  localhost;  #這里要是使用需要配本地的host

        #charset koi8-r;
        access_log  logs/k8s.log;

        location / {
          root   E:/MyProject/demo/iframe/a;  #你項(xiàng)目的根目錄
          index  index.html index.htm;
        }

        location /mice {                  
            proxy_pass   http://192.168.1.99:3309;  #這里填上服務(wù)器地址
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

在nginx.conf中引用(在http{}里面server {}外面),如下:

http {
    ...
    include myconf.conf;
    server {
        ...
    }
    ...
}   

將js代碼url替換成下面的 url:'/mice/login',

        $.ajax({
            type:'POST',
            data:{accountPwd: "loveyou",accountUser: "loveme"},
            url:'/mice/login',
            success:function(res){
                console.log(res)
            }
        })

cd到nginx.exe目錄下命令行s輸入tart nginx.exe運(yùn)行;
運(yùn)行后,訪問(wèn)localhost:5328,這時(shí)候就可以看到E:/MyProject/demo/iframe/a下的頁(yè)面;
此時(shí)就可以看到請(qǐng)求的數(shù)據(jù)啦;

image.png