H5页面请求需要登陆的接口

首先，调用登录接口，把token存储本地

代码示例

随便定义一个按钮
$(".closeRule").click(function () {
      $.ajax({
        url: 'http://xxxx/login',
        type: 'get',
        data: {
          phone: 158xxxxxxxx,
          code: 5678,
        },
        dataType: "json",
        success: function (response) {
          console.log(response.data, "登陆成功");
          var token = response.data.token
          // console.log(token, "111");

          // 将令牌保存到本地存储（localStorage）
          localStorage.setItem("token", token);

          // 检索令牌
          // var retrievedToken = localStorage.getItem("token");
          // console.log(retrievedToken); // 输出：your_token_here

        },
        error: function (msg) {
          alert("");
        }
      });

      // function myCallback(data) {
      //   console.log(data);
      // }
    });

然后鼠标右键，检查，打开调试工具

 看到这些就是储存好了

在需要登陆的接口，携带token

代码示例

定义一个全局变量
const token=localStorage.getItem('token')

function playGame() {
      $.ajax({
        url: "http://xxxx/get_list",
        type: "POST",
        data: {

        },
        //请求头加上token
        headers: {
          Authorization: token
        },
        dataType: "json",
        success: function (res) {
          console.log(res.data);
        },
        error: function (msg) {
          // alert("错误了");
        }
      });
    }
    playGame()