如何在用户登陆之后给每个页面往后台的ajax请求header都带上

Question

用户登陆之后进入主页，在主页有多个ajax请求，现在要求每个ajax请求前header里面都要带上Authorization验证信息

我是用的jquery ajax的beforeSend方法，但是发现这样操作得在每个当前页面涉及到的每个ajax请求里都要有一个beforeSend方法，然后network几乎每一个接口api都要有两次请求，虽然能请求成功，但是每个接口都请求两次的做法感觉不是很好

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
1、第一个ajax

       jQuery.ajax({
                url:'http://10.11.2.61:8091/api/user/add',
      contentType:'application/json;charset=utf-8',
                type:'POST',
                datatype:'JSON',
                beforeSend:function(request){
                  request.setRequestHeader('Authorization','Bearer 2ae53f0f-845a-4e8b-9f33-cf35a81d9ea9');
              },
                data:JSON.stringify(obj),
                success:function(res){
                    //新建成功
                    //插入表格
                _this.userdata.push(_this.newPeople);
                _this.newPeople = {};
                },
                error:function(err){
                    //新建失败
                    console.log(err);
                }
            });

2、第二个ajax

         jQuery.ajax({
                url:'http://10.11.2.61:8091/api/user/delete/'+m,
                type:'GET',
                datatype:'JSON',
                beforeSend:function(request){
                  request.setRequestHeader('access_token','2ae53f0f-845a-4e8b-9f33-cf35a81d9ea9');
             },
                success:function(res){
                    //删除成功
                    //删除一行数据
               _this.userdata.splice(n,1);
                },
                error:function(err){
                    //删除失败
                    console.log(err);
                }
            });
            

有没有什么方法能让一个页面头部验证只验证一次，后续所有ajax请求都在头部自带Authorization验证

Answer 1

jQuery.ajaxSetup([options])

Answer 2

也可以自己封装一个方法

var access_token = "2ae53f0f"
function post(options) {
    if (access_token) {
        options.headers = {
            access_token : access_token
        }
    }
    jquery.ajax(options)
}