微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决管理使用香草JavaScript制作的网站的API端点

我有一个正在使用香草JS / HTML的网站,我计划最终使用docker通过Nginx为该网站提供服务,并将其托管在云中的某些VM上。

在测试网站时,我希望我的JavaScript使用在计算机上运行的测试终结点,例如http://localhost/myapi/

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

以前,我已经通过创建两个不同的文件test_endpoint.jsprod_endpoint.js并根据传递给我的Dockerfile的参数将其复制为endpoint.js的方式解决了这个问题。

根据我的设置,是否有更好的方法来管理测试和生产端点?

解决方法

如何根据所使用的URL在变量中设置基本URL?像这样:

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

然后在要调用api的任何地方使用该变量:

fetch(api + 'my/endpoint')

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。