使用绝对 URL 获取对 API 的调用

Question

我最近正在开发一个网站，其中的设置是：一个静态 React 包处理 FE 逻辑（由 Cloudfront 提供服务），以及一个运行 Flask 应用程序并在 Elastic Beanstalk 上侦听的 Docker 容器。

在 React 代码中，我使用 API 后端的绝对路径调用 fetch()（请参阅 fetch(https://mywebsitehere.com/api/cool_endpoint。

出于某种原因，在生产和访问 AWS 服务器时（通过 Cloudfront 和 EB 之间的一些重定向行为），我不断收到ERR_CONNECTION_REFUSED！我不知道为什么。奇怪的是，当我直接通过浏览器点击https://mywebsitehere.com/api/cool_endpoint 时，我的 API 运行良好。

最终我发现解决方案是将www 添加到绝对URL。一切正常，但我仍然不知道为什么。

它有效，但我想了解发生了什么。 chrome会自动填写www吗？原始中缺少www 是否导致提取机制无法解析，从而导致ERR_CONNECTION_REFUSED？

让我知道你们的想法！

Answer 1

我对@9​​87654321@ 的理解是https://www.example.com 与https://example.com 不同，如果一个重定向到另一个，那只是因为它已被加载到HSTS 预加载列表中，专门用于创建该重定向。

大概，您访问的网站没有设置。