前端登陆获取保存token再添加到请求头中

登陆获取token保存在本地，在请求头添加参数

登陆：

$.ajax({

        url : 'http://119.254.155.151:8768/yq/dy/login',// 获取自己系统后台用户信息接口

        data :data,

        type : "post",

        dataType: "json",

        success : function(data) {

      const token = data.data.token

      window.localStorage.setItem('yq_token', token)

}

}）

内部页面添加请求头：

var userToken = window.localStorage.getItem("yq_token")

  $.ajax({

          headers: {

            "token":userToken//此处放置请求到的用户token

          },

          type: "get",

          url: "http://119.254.155.151:8768/yq/important/data?schemeId=247248",//请求url

          contentType: "application/x-www-form-urlencoded",

          success: (data) =>{

}

}）

对于跨域请求token保存步骤如下：

1、在后端服务器上设置好Token生成逻辑，例如使用JWT签发Token。

2、前端页面通过AJAX发送跨域请求，将用户名和密码等登录信息传递给后端。

3、后端验证用户信息，如果验证成功，则生成Token，并设置Token的有效期和相关的数据内容（如用户角色等）。

4、将生成的Token返回给前端，并在响应头中设置Access-Control-Expose-Headers头部，允许前端访问该头部信息。

5、前端收到响应后，将Token存储在客户端localstorage或者cookie中，方便后续跨域请求时附加Token。

6、后续跨域请求时，在AJAX请求头中附加Token信息，并在后端进行Token验证，只有验证通过才能获取相应资源或执行相应 *** 作。

---