以 HTML 格式存储 API 地址



我正在编写一个HTML站点,它将使用jQuery与API进行交互。

我已经构建了 api(Web api 控制器( 该网站有大约25页。其中每一个都将具有一些功能,这些功能在某种程度上取决于 API 调用(获取/发布(。

我发现的是 目前在每个包含的脚本页面中,我正在编写完整的 API 地址。最大的问题是,如果我更改托管 API 的服务器,那就是对 API 地址的 25 次更新。 我想把它扔到本地存储/会话中,然后从中引用它,所以它只需要在 1 个位置物理写入,然后可以附加到相关部分。

但是也许HTML有一些我不熟悉的功能(或jQuery(,这是比会话/本地存储更好的选择?

我知道通过引用另一个 JS 文件,您可以从中获取值,但我不喜欢加载另一个 JS 文件以获取 API 地址的潜在性能影响。那么HTML有更好的选择吗?

您可以通过设置以下内容将 apiBaseUrl 存储在本地存储中,并在整个应用程序中获取相同的项目和使用

localStorage.setItem("apiBaseUrl","your_api_url_here"(;

并获得相同的项目

var apiUrl = localStorage.getItem("apiBaseUrl"(;

但是,如果您正在构建一个实时应用程序,我建议您不要使用这种解决方案。你可以在配置中或某个地方有常量,这样你就可以在任何地方调用相同的内容并使用。如下所示,您无需在任何地方更改基本 URL。您需要做的就是使用常量。明天如果你想改变baseUrl,你只需要在一个地方改变。

  • 配置.js

const baseApiUrl = your_api_base_url;

并且只需使用 baseApiUrl

最新更新