管理使用 vanilla JavaScript 制作的网站的 API 端点

Question

我有一个使用 vanilla JS/HTML 的网站，我计划最终使用 docker 为这个网站提供 nginx 服务，并将它托管在云中的某个 VM 上。

在测试我的网站时，我希望我的 JavaScript 使用从我的机器运行的测试端点，例如http://localhost/myapi/

在生产中运行时，我希望我的 JavaScript 使用生产端点，例如http://example.com/myapi/

以前，我通过创建 2 个不同的文件test_endpoint.js和prod_endpoint.js解决了这个问题，并根据传递给我的 Dockerfile 的参数将它们简单地复制为endpoint.js 。

鉴于我的设置，是否有更好的方法来管理测试与生产端点？

Answer 1

如何根据您所在的网址在变量中设置基本网址？ 像这样：

const api = window.location.host === 'localhost' ? 'http://localhost/myapi/' : 'http://example.com/myapi/';

然后在您想调用 api 的任何地方使用该变量：

fetch(api + 'my/endpoint')