为什么Token手动添加到请求的Header中，通常使用"Authorization"字段？
通常将Token放置在"Authorization"字段中的主要原因如下：
-
标准化：HTTP协议中定义了一些常见的头部字段，如"Authorization"，用于传递身份验证相关信息。这样，将Token放置在"Authorization"字段中符合了HTTP协议的规范。
-
语义明确："Authorization"字段的含义是用于对请求进行身份验证和授权，因此将Token放在该字段中能够更清晰地表达其作用。
-
安全性考虑：将Token放在"Authorization"字段中有助于防止敏感信息的泄漏，因为该字段通常与身份验证相关，客户端和服务器都会对其进行特殊处理，比如加密传输，不被浏览器缓存等。
需要注意的是，Token放置在"Authorization"字段中并不是强制要求的，开发人员也可以选择其他自定义的字段来传递Token。但使用"Authorization"字段是一个常见的做法，可以提供更好的可读性和语义表达，并且与多种身份验证和授权机制兼容。
代码
以下是使用JavaScript将Token手动添加到请求的Header中，使用"Authorization"字段的代码例子：
const url = "http://example.com/api/resource";
const token = "your_token_here";
fetch(url, {
method: "GET",
headers: {
Authorization: `Bearer ${
token}`
}
})
.then(response => {
console.log("Response Code: " + response.status);
// 这里可以对响应进行处理
})
.catch(error => {
console.error("Error:", error);
});
在这个例子中，我们使用fetch函数发起了一个GET请求，并通过headers属性手动添加了"Authorization"字段。注意到字符串插值语法${token}用于将Token值插入到请求头中。
请确保将http://example.com/api/resource替换为您实际的请求URL，your_token_here替换为有效的Token字符串。此外，您可能需要根据需要调整请求的方法（如GET、POST等）和其他请求参数。
请注意，在某些情况下，由于浏览器的安全策略限制，直接在JavaScript代码中设置"Authorization"头部字段可能会受到跨域请求的限制。在这种情况下，您可能需要进行跨域请求配置或在服务器端进行代理请求。