某些请求标题

Question

我正在从事一些项目，遇到了一个问题。 主要问题是：

当我通过在浏览器处键入API端点时，它会加载返回的HTML页面。 但是，如果我使用onclick侦听器中的fetch api击中相同的终点，则不会加载页面。我相信HTML页面是作为响应的一部分到达的。

我调查了问题，以查看导致它的原因。我意识到，当浏览器提出请求与提取API提出请求时，请求标头略有不同。

主要区别是： 浏览器版本：

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: none
Sec-Fetch-User: ?1

Fetch API版本：

Accept: */*
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-origin

我尝试修改这些特定的标头以匹配获取请求中的浏览器版本，但是，无论我尝试了多少，它们都没有更改。

我现在知道该怎么做才能获得所需的功能。我可以使用Windows。Location并进行浏览器重新加载，也可以在Express JS服务器中使用重定向功能。

我要问的是： 这些标头是什么使我的HTML页面使用Fetch API从按钮发送请求时不加载？ 这些标题在做什么？ 如果是这样，它们是否不可修改？