AngularJs和jquery cors post 设置headers_jquery ts post请求设置header

之前在谷歌找了很多资料,都没有设置成功,之后查到官方文档之后,才成功;
官网文档是这个示例:

$http({
    url: url,
    type: type,
    headers: { }
}).then(function(data){}, function(d){})
1
2
3
4
5

一般来说,如果你前端分离,就必然会遇到cors(资源共享问题), jquery的设置较为简单:

$.ajaxSetup({
    headers: {
        'Authorization' : '..'
        }
        })
1
2
3
4
5

这样设置会在每一次的请求中都会加上请求头的header信息,然后你就可以看到请求的信息是这样的:

:method: post
..
Authorization: ...
..
1
2
3
4

话题转回来, 下面是我设置angularjs的方法:

$scope.token = $window.sessionStorage.getItem("token");
$scope.data1 = {};

$scope.getData = function(){       
$http({
    url: Options.domains + Options.tlGetData,
    type: "POST",
    headers: {"Authorization": $scope.token}
}).then(function(data){
    console.log(data)
    //成功
    //解密并json化数据
        $scope.data1 = JSON.parse(Base64.decode(data.data.data));


    }
}, function(d){
//失败
    console.log(d);
})
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

请求结果会是像下面这样:

:authority:192.*****
:method:GET
:path:/inference/origindata/readbyid
:scheme:https
accept:application/json, text/plain, */*
accept-encoding:gzip, deflate, br
accept-language:zh-CN,zh;q=0.9
authorization:Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvMTI3LjAuMC4xIiwiYXVkIjoiNWEyZGVhZTc
origin:http://192.1***
referer:http://192.16*.**.***/mingli/index.html
user-agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.89 Safari/537.36
1
2
3
4
5
6
7
8
9
10
11

后端的设置(nginx.conf):

{
...

location ~ \.php$ {
     return 404;
   }
      add_header 'Access-Control-Allow-Origin' "http://127.0.0.1";
      add_header 'Access-Control-Allow-Credentials' true;
      add_header 'Access-Control-Allow-Headers' "x-requested-with,Authorization, Content-Type, Origin";
      add_header 'Access-Control-Allow-Methods' *;
}
1
2
3
4
5
6
7
8
9
10
11