Я пытаюсь, чтобы html-страница (позже vue.js) имела форму извлечения в полоску / скрипт / кнопку, а затем я хочу иметь возможность отправить эту форму с заданным мною действием, которое затем вернется кмой сервер (в настоящее время только локальный), и в него будет включен токен авторизации.
В основном у меня есть шлюз API, который проверяет, действительны ли запросы через мой сервис аутентификации, использующий стратегию JWT passport.js.Поэтому при каждом запросе мне нужно отправить токен авторизации / носителя.
Моя проблема в том, что я не могу понять, как отправить это с простой HTML-страницы.
Единственное, что есть на этой тестовой странице - это форма оформления заказа в полоску.Я включил тело / форму ниже минус мой ключ API.
Я надеялся, что кто-нибудь скажет мне, как отправить форму и сделать так, чтобы я сделал это, пока я получаю необходимый JWT, отправленный на мой сервер Node.
Лучшее, что я нашел, - это ссылка, нокажется, все еще не имеет смысла, как это сделать. Как установить заголовки авторизации в HTML-форме или в A href
<form action="http://localhost:8090/billing/updateCard" method="POST">
<script
src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
data-key="<api key>"
data-amount="cd"
data-name="Add card"
data-description="Tagline"
data-image="../../../favicon.ico"
data-locale="auto"
data-currency="usd"
data-label="Update Card"
data-panel-label="Update Card"
data-zip-code="false"
data-allow-remember-me="false"
data-email="john.doe@example.com"
> Update Card
</script>
</form>
Я бы хотел, чтобы форма отправлялась с моим токеном авторизации.На данный момент, он может быть жестко запрограммирован на странице и не должен поступать из браузера.