javascript - 设置承载令牌

Question

我有一个香草 HTML/Js 页面，它提交给 Laravel API（使用 Sanctum 进行身份验证）。

因此，如果我通过 ajax 调用调用 Laravel Api 路由，我可以轻松地在标头中设置 Bearer 令牌以进行身份​​验证，例如：

axios.get(data_source_url + "/articles", {
        headers: {
            Authorization: 'Bearer '+ token,
            Accept : "application/json; charset=utf-8"
        }
}).then...

但如果我想通过以下方式提交我的 HTML 公式：

<form method="POST" action="https://myApi">
...
    <button type=submit>
</form>

我不知道如何设置标题属性/信息。甚至可以在一个 Header 上设置一个 Header<form action>吗？

我知道我可以用 a 调用函数，<button type=button onclick="sendData"> 但这不是我的问题。

标签： javascripthtmlapi