Javascript 如何在js中为twitch api添加OAuth令牌

我在一个atm网站上工作，我对javascript不是很精通，我知道一些基础知识，但不多。但两天后，我的Twitch脚本写得很完美。今天早上一切都很好，但是现在剧本已经不起作用了

我得到这个错误。我想这是一个基本的错误，但我不知道我从哪里得到OAuth令牌，以及如何用js发送给他。

{“错误”：“未经授权”，“状态”：401，“消息”：“OAuth令牌丢失”}

这是我的完整代码，客户端id被审查

<script>
var streamers = ["rapteyy","stylerfn_", "jannisz","fleoxfn","leonflares","maestrofnbr","frayfn","flikk"];

 var twitchapi = "https://api.twitch.tv/helix/users?login=" ;
  var tip = twitchapi + streamers;
    tip = tip.replace(/,/g, "&login=");

var twitchapi2 = "https://api.twitch.tv/helix/streams?user_login=" ;
  var tip2 = twitchapi2 + streamers;
    tip2 = tip2.replace(/,/g, "&user_login=");  

    var logo;
    var channel;
    var status;
    var title
    var image;
    var link;
    var viewer;

$.ajax({
    type: "GET",
    dataType: "json",
    url: tip,
 headers: {
   'Client-ID': '****'
 },
    success: function(response) {
 for (i = 0; i <= streamers.length; i++){
   logo = response.data[i].display_name;
   image = response.data[i].profile_image_url;
   channel = response.data[i].id;
   link = "https://www.twitch.tv/" + logo;

    $("#results").append("<div class='row toggleoffline' id = '" + logo + "''><div class ='box offlinebox' id = 'offline' onclick ='" + logo +  "()'><img class = 'imagesml' src ='" + image + "'><p class = 'name' >" + logo + " </p> <div class = 'stat'><p> </p><a class='twitch' href='" + link + "'><svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2.149 0l-1.612 4.119v16.836h5.731v3.045h3.224l3.045-3.045h4.657l6.269-6.269v-14.686h-21.314zm19.164 13.612l-3.582 3.582h-5.731l-3.045 3.045v-3.045h-4.836v-15.045h17.194v11.463zm-3.582-7.343v6.262h-2.149v-6.262h2.149zm-5.731 0v6.262h-2.149v-6.262h2.149z' fill-rule='evenodd' clip-rule='evenodd'/></svg></a></div></div></div>");

   $.ajax({
    type: "GET",
     dataType: "json",
     async: false,
    url: tip2,
 headers: {
   'Client-ID': '****'
 },

 success: function(response2) {
  for (var j = 0; j < streamers.length; j++) {
   if (response.data[i].id === response2.data[j].user_id)
   {status = "online"
    viewer = response2.data[j].viewer_count;
    title = response2.data[j].title;
    var child = document.getElementById(logo);
    var parent = child.parentNode;
    parent.removeChild(child);

  var iframetv = document.getElementById('iframe');
  var parenttv = iframetv.parentNode;
  parenttv.removeChild(iframetv);
  new Twitch.Embed("twitch-embed", {
        width: "100%",
        height: "100%",
        channel: logo,
        theme: "white",
        chat: "mobile",
        allowfullscreen: "false",
        layout: "video"
      });

    $("#results").prepend("<div class='row toggleonline' id ='toggleonline'><div class ='box onlinebox' id = 'online' onclick ='" + logo +  "()'><img class = 'imagesml' src ='" + image + "'><p class = 'name' >" + logo + "</p><div class = 'stat'><p> </p> <p class='view'>" + viewer + "</p><a class='twitch' href='" + link + "'><svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2.149 0l-1.612 4.119v16.836h5.731v3.045h3.224l3.045-3.045h4.657l6.269-6.269v-14.686h-21.314zm19.164 13.612l-3.582 3.582h-5.731l-3.045 3.045v-3.045h-4.836v-15.045h17.194v11.463zm-3.582-7.343v6.262h-2.149v-6.262h2.149zm-5.731 0v6.262h-2.149v-6.262h2.149z' fill-rule='evenodd' clip-rule='evenodd'/></svg></a></div></div></div>");
   }
 else {

      }
      }
  }

 });
 }
    }
});

 function toggle(e) {
    var all = document.getElementsByClassName('toggleoffline');

    for(var i = 0; i < all.length; i++) {
        // First make all of the elements with the same class hidden.
        if (all[i].style.display === 'none') {
            all[i].style.display = 'flex';
        }

        // Then make the clicked element visible.
        else {all[i].style.display = 'none';}
    }
}

function toggle2(f) {
    var all = document.getElementsByClassName('toggleonline');

      var all2 = document.getElementsByClassName('toggleoffline');

    for(var k = 0; k < all.length; k++) {
        // First make all of the elements with the same class hidden.
        if (all[k].style.display === 'none') {
            all[k].style.display = 'flex';
        }

        else {
        all[k].style.display = 'none'
     }
    }
}

function toggle3(g) {
    var all = document.getElementsByClassName('row');

    for(var l = 0; l < all.length; l++) {
        // First make all of the elements with the same class hidden.
        if (all[l] !== this) {
            all[l].style.display = 'flex';
        }

        // Then make the clicked element visible.
        g.style.visibility = 'visible';
    }
}
</script>``` 

var拖缆=[“rapteyy”、“stylerfn_u2;”、“jannisz”、“fleoxfn”、“leonflares”、“maestrofnbr”、“frayfn”、“flikk”]；
var twitchapi=”https://api.twitch.tv/helix/users?login=" ;
var tip=twitchapi+拖缆；
tip=tip.replace（/，/g，“&login=”）；
变量twitchapi2=”https://api.twitch.tv/helix/streams?user_login=" ;
var tip2=twitchapi2+拖缆；
tip2=tip2.replace（/，/g，“&user_login=”）；
var标志；
var通道；
var状态；
变量标题
var图像；
var-link；
变量查看器；
$.ajax({
键入：“获取”，
数据类型：“json”，
网址：tip，
标题：{
“客户端ID”：“**”
},
成功：功能（响应）{
for（i=0；i可能需要查看他们的文档/发行说明，因为他们昨晚已经完全更新了API

“OAuth令牌丢失”错误可能是因为您的代码中缺少身份验证步骤。您需要在授权标头中提供访问令牌。此步骤应在服务器上执行。
可能需要检查他们的文档/发行说明，因为他们昨晚已完全更新了API

“OAuth token is missing”错误可能是因为您的代码中缺少身份验证步骤。您需要在授权标头中提供访问令牌。此步骤应在服务器上执行。
随着API的最新更改，现在一切都需要客户端ID和OAuth，然后才能返回请求d值


查看代码时缺少OAuth令牌。在发出请求之前，需要生成OAuth令牌并将其添加到标头中


尝试放置

    $.ajax({
    type: "GET",
    dataType: "json",
    url: tip,
 headers: {
   'Client-ID': '****'
 },

与

Javascript不是我的强项，但将令牌添加到标头将使其工作。
随着API的最新更改，现在一切都需要客户端ID和OAuth才能返回请求的值


查看代码时缺少OAuth令牌。在发出请求之前，需要生成OAuth令牌并将其添加到标头中


尝试放置

    $.ajax({
    type: "GET",
    dataType: "json",
    url: tip,
 headers: {
   'Client-ID': '****'
 },

与

Javascript不是我的强项，但将令牌添加到头中会使其正常工作