带有 Aurelia-CLI 服务器的 CORS

Question

更新的解决方案和问题历史

我的设置是这样的：

我让 CORS 理解了错误的方式，认为 HTTP 服务器应该为标头提供服务。事实上，需要提供 CORS 标头的是第 3 方 API。

由于第 3 方不发送 CORS 标头，并且 fetch client 期望那些（绕过浏览器的同源策略）出现如下错误消息：

Fetch API 无法加载 http://api.sl.se/api2/realtimedeparturesV4.json?key=b99d17e1714142ca90ed017aeead32fc&siteid=9001。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问 Origin 'http://localhost:9000'。

现在，可以使用{mode: 'no-cors'} 在获取客户端中打开 CORS，但这会禁止 JavaScript（除非响应是纯文本）。

我选择的解决方案是在服务器端实现一个代理（为简单起见：与提供 Aurelia 页面的域相同），然后调用第 3 方。服务器端没有 CORS 限制。

更好的解决方案是第 3 方支持 CORS，但有时这不是一个选项（即第 3 方）。

Answer 1

Aurelia Fetch 客户端的默认设置是 CORS，因此您的 Aurelia 应用应该能够从 3rd 方服务器获取。 您的 API 端点，而不是您的 Aurelia Cli 服务器，可能没有在 CORS 工作所需的预检请求中将正确的标头发送回浏览器（您的 Aurelia 应用程序）。当然，哪些标头取决于您尝试从端点发送和接收的内容。