美文网首页
全局设置Ajax的请求头

全局设置Ajax的请求头

作者: 苏毅坚 | 来源:发表于2021-04-23 18:20 被阅读0次

最近项目中将原来的session认证迁移到token,原有的web界面的Ajax请求均没有携带头部鉴权参数,一个一个改太浪费时间,可以在请求开始前增加头部的鉴权字段

setToken()

/**

* 初始化之后获取token保存

*/

function setToken () {

  var token = getCookie('access_token')

  if (token && token !== null && token !== undefined) {

    localStorage.setItem('access_token', token)

    console.log('init save token.......')

    //添加全局请求头

    addGlobalHeader()

  } else {

    console.log('cookie has no token.......')

  }

}

/**

* 获取Cookies

* [getCookie description]

* @param  {[type]} name [description]

* @return {[type]}      [description]

*/

function getCookie(name){

  var strcookie = document.cookie;//获取cookie字符串

  var arrcookie = strcookie.split("; ");//分割

  //遍历匹配

  for ( var i = 0; i < arrcookie.length; i++) {

      var arr = arrcookie[i].split("=");

      if (arr[0] == name){

          return arr[1];

      }

  }

  return "";

}

/**

* 添加全局的请求头

* [addGlobalHeader description]

*/

function addGlobalHeader() {

  let token = localStorage.getItem('access_token')

  if (token && token !== undefined && token !== 'null') {

    $.ajaxSetup({

      beforeSend: function(request) {

        request.setRequestHeader("Authorization", 'Bearer ' + token);

      }

    })

  }

}

相关文章

  • 全局设置Ajax的请求头

    最近项目中将原来的session认证迁移到token,原有的web界面的Ajax请求均没有携带头部鉴权参数,一个一...

  • 前端实现登陆态的3种方法

    摘要 cookie 全局设置请求头 全局设置请求字段

  • jquery 发送ajax请求 设置auth头

    jquery设置ajax请求的头信息

  • ajax请求头设置

    ajax有很多请求头但是我好长时间都没有弄明白,今天我专门上查了一下资料,整理了一些比较常用的请求头 设置请求头前...

  • $.ajaxSetup()处理session失效问题

    $.ajaxSetup方法是来设置AJAX请求默认选项的,可以认为是全局的选项设置。 以下是本人项目中部分代码截图...

  • jquery AJAX方法

    $ajax()执行异步 AJAX 请求 $.ajaxSetup()为将来的 AJAX 请求设置默认值 $.get(...

  • 品牌管理改造

    使用GET 请求 从 服务端给的API请求到数据全局设置 URL请求头Vue.http.options.root=...

  • jQuery的ajax方法

    jQuery中的ajax全局配置与全局回调设置 $.ajaxSetup方法可以设置全局配置 全局配置会作为下次aj...

  • Axios传参的三种方式

    开发过程中,经常需要全局设置,许多前端开发时容易忽略请求头的配置,常用的请求头有2种: 一:get请求 axios...

  • postman设置全局token测试接口

    1. 获取token, 选择请求方式,填入链接,填写header请求头 2. 设置全局参数token vardat...

网友评论

      本文标题:全局设置Ajax的请求头

      本文链接:https://www.haomeiwen.com/subject/dfchrltx.html