Javascript 如何为FetchAPI继承基本页的基本身份验证凭据?

Javascript 如何为FetchAPI继承基本页的基本身份验证凭据?,javascript,basic-authentication,fetch-api,Javascript,Basic Authentication,Fetch Api,我在本地系统上开发了一个小型web应用程序的https演示。现在我将它部署在基本身份验证之后,因为它不是一个公共演示 现在我遇到了一个问题:应用程序使用了fetchapi 首先,我认为fetch()从基本页面继承了基本身份验证。但是没有!fetchapi似乎一无所知 我知道如何为fetch创建必要的基本身份验证头。这并不难。我有一个不同的问题: 如何继承获取API的基本页面的基本身份验证凭据? 理由:这是一个非常小的应用程序,我不想因为配置可能的基本身份验证而使其复杂化。我也不想在演示中硬编码凭

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

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

首先,我认为
fetch()
从基本页面继承了基本身份验证。但是没有!fetchapi似乎一无所知

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

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


理由:这是一个非常小的应用程序,我不想因为配置可能的基本身份验证而使其复杂化。我也不想在演示中硬编码凭据。我只想从源于获取的基本页继承凭据。

如果在初始化
fetch()
时设置
凭据
属性,它将继承页面的基本身份验证属性:

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

有关init参数的完整列表,请参见

,我可以让服务器将凭据插入到基本页中,如PHP所示:
/*JS code*/const credentials='
(未针对XSS进行测试或加固)。这是可行的,但有更简单的解决方案吗?