为什么当我基于 DynDNS 网址名称而不是 IP 发出 axios 请求时出现 CORS 错误?

Question

我有一个带有 Node.js 的 Raspberry 运行在上面。已安装并配置了 CORS。我已经设置了端口转发，但由于 IP 不断变化，我在 DynDNS 提供商处注册。

我将 React.js 与 Axios 一起使用，用于 localhost：8080 上的 API 请求。

有趣的是，如果我基于我的请求(例如(

const ROOT_URL = 'http://81.23.563.80:5000/';

每 24 小时不断变化，然后 CORS 模块正在完成它的工作，我可以执行我的请求。但是，如果我想做对并提出我的要求

const ROOT_URL = 'http://mydyndnsurl.provider.com/';

然后我会得到他典型的错误消息：

XMLHttpRequest 无法加载 http://mydyndnsurl.provider.com/。对 预检请求未通过访问控制检查：否 "访问控制允许源"标头存在于请求的上 资源。因此不允许使用原产地"http://localhost:8080" 访问。

有人有解决这个问题的方法吗？

Answer 1

您仍然需要在ROOT_URL中包含端口号：

const ROOT_URL = 'http://mydyndnsurl.provider.com:5000/';