javascript - 如何继承 fetch API 基页的 Basic Authentication 凭据?

标签 javascript basic-authentication fetch-api

我在本地系统上开发了一个小型 Web 应用程序的 https 演示。现在我将它部署在基本身份验证后面,因为它不是公开演示。

现在我遇到了一个问题:应用程序使用了 Fetch API。

首先我认为 fetch() 从基页继承了 Basic Authentication。但不是! fetch API 似乎什么都不知道。

我知道如何为获取创建必要的基本身份验证 header 。这并不难。我有一个不同的问题:

如何为获取 API 继承基页的基本身份验证凭据?

基本原理:这是一个非常小的应用程序,我不想通过可能的基本身份验证配置使其复杂化。我也不想在演示中对凭据进行硬编码。我只想从发起提取的基页继承凭据。

最佳答案

如果您在启动 fetch() 时设置了 credentials 属性,它将继承页面的基本身份验证属性:

// can be omit, same-origin, or include
fetch( myURL, { credentials: 'same-origin' } ).then(...)

参见 https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters完整的初始化参数列表

关于javascript - 如何继承 fetch API 基页的 Basic Authentication 凭据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46090257/

相关文章:

javascript - Nodejs : session is undefined after generating

javascript - 如何在 javascript 中使用 getHours() (在本例中)?

javascript - 如何选择某种元素?

php - 为什么 $_SERVER ["PHP_AUTH_USER"] 和 $_SERVER ["PHP_AUTH_PW"] 没有设置?

reactjs - Suspense React 无法获取数据

multipartform-data - ASP.NET Core Web API IFormFile 为空,发送 FormData 请求时

javascript - Chrome 扩展未定义 chrome 对象属性

node.js - 如果有基本授权,如何在 Node.js 中使用 http.client

php - Laravel 基本身份验证 - 获取用户详细信息

html - 使用 HTML5 获取 API 允许访问控制允许来源 header