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

问题描述 投票:0回答:1

我添加了一个输入字段,该字段将令牌作为输入并获取需要身份验证的页面,并将该令牌作为标题发送,但这似乎不起作用..我要做的就是从前端页面将令牌作为输入并进行访问到页面,而不是使用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>
javascript html fetch token
1个回答
0
投票
var token=document.getElementById("token");

此选择令牌ID元素。您需要获取输入的值。

var token = document.getElementById(“ token”)。value;

这将使用输入框的值。

'Authorization': 'Bearer' + token

并在Bearer后面添加空间。

''Authorization':'Bearer'+令牌

© www.soinside.com 2019 - 2024. All rights reserved.