Angular4开发解决跨域问题详解

{
 "/api":{
  "target":"http://106.15.179.92"
 }
}

this.$http.post(`/api/front/frontUserController/login.do`,data)
   .then(res=>{
       Console.log(res);
})

"scripts": {
 "ng": "ng",
 "start": "ng serve --proxy-config proxy.config.json",
 "build": "ng build --prod --aot",
 "test": "ng test",
 "lint": "ng lint",
 "e2e": "ng e2e"
}

$("button").click(function () {
  $.get("127.0.0.1:8081/partners/json", function (result) {
    $("div").html(result);
  });
});

$("button").click(function () {
  $.get("partners/json", function (result) {
    $("div").html(result);
  });
});

server{
 listen8000;
 location/ {
  includeuwsgi_params;
  uwsgi_passunix:/tmp/testFlask2.sock;
 }
 location/partners {
  rewrite^.+partners/"htmlcode">

location/sohu {
 rewrite^.+sohu/?(.*)$ /$1 break;
 includeuwsgi_params;
 proxy_passhttp://www.sohu.com/;
}



我们就把sohu网站整个搬到我们的8080:/sohu/目录下了，我们的javascript就可以尽情调用其RESTFUL服务了。


顺便说一下，rewrite^.+sohu/?(.)$ /$1 break; 这句命令中，$1表示(.)这个部分。第一对()内的参数是$1，第二对()内的参数就是$2，以此类推。


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。