AngularJs和jquery cors post 设置headers

最新推荐文章于 2024-08-06 11:08:54 发布

JohnnyLiao_WJ

最新推荐文章于 2024-08-06 11:08:54 发布

阅读量1.5k

点赞数

分类专栏： javascript 文章标签： angularjs jquery setHeaders cors 跨域

本文链接：https://blog.csdn.net/u013338742/article/details/78794013

版权

javascript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

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

$http({
    url: url,
    type: type,
    headers: { }
}).then(function(data){}, function(d){})

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

$.ajaxSetup({
    headers: {
        'Authorization' : '..'
        }
        })

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

:method: post
..
Authorization: ...
..

话题转回来, 下面是我设置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);
})
}

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

: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

后端的设置(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' *;
}