如何将身份验证令牌作为标头从 html 文件传递答案

【问题标题】：how to pass auth token as header from an html file如何将身份验证令牌作为标头从 html 文件传递
【发布时间】：2020-06-05 06:25:12
【问题描述】：

我添加了一个输入字段，它将令牌作为输入并获取需要身份验证的页面并将该令牌作为标题发送，但这似乎不起作用..我想要做的就是将令牌作为前端页面的输入并给出使用 POSTMAN 访问页面而不是 0f

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>
  <form>
    <input type="text" id="token" placeholder="token">
    <button type="button" onclick="myFun()"> submit</button>

  </form>
</body>
<script>
  function myFun() {
    var token = document.getElementById("token");
    object = {
      method: 'GET',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        'Authorization': 'Bearer' + token
      }
    }
    fetch('http://127.0.0.1:8000/app/task-list/', object)
</script>

</html>

【问题讨论】：

您需要在Bearer 和您的令牌（即'Bearer ' + token）之间留一个空格
'Authorization': 'Bearer ' + token
试过但没用
您是否检查过您是否获得了令牌（即console.log(token)）？
我在控制台中检查了它..它正在被接收并且 fetch 正在将所有数据发送到该 url ..即使它创建一个 401/未经授权的错误...该 url 正在生成错误...好像它不允许获取请求

标签： javascript html fetch token

【解决方案1】：

var token=document.getElementById("token");

这将选择令牌 id 元素。您需要获取输入的值。

var token=document.getElementById("token").value;

这将取输入框的值。

'Authorization': 'Bearer' + token

并在 Bearer 之后添加空格。

'Authorization': 'Bearer' + 令牌

【讨论】：