javascript - Ionic App 的 javascript 错误 : No 'Access-Control-Allow-Origin' header is present on the requested resource

Question

伙计们!

我在使用 Ionic 中的 javascript 时遇到了一些问题。我正在尝试向另一个站点发出请求，但收到此错误消息:

XMLHttpRequest cannot load https://svcs.sandbox.paypal.com/AdaptivePayments/Pay. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

我的 Ionic 应用程序已经安装了插件白名单并且是最新的，我的 config.xml 文件允许导航和访问每个位置。我也尝试过在禁用安全性的情况下执行 chrome，但它也没有用。

有人能帮忙吗？不知道还能做什么。

Answer 1

默认情况下，XMLHttpRequests 仅限于相同的域请求(即 localhost 和 localhost 之间的请求或 paypal.com 和 paypal.com 之间的请求)。

跨站点 XMLHttpRequests(比如从 localhost 到 paypal.com)作为现代浏览器中的一项安全功能默认被禁用，为了绕过此安全功能，目标服务器应明确允许跨站点请求，这已完成通过发回名为“Access-Control-Allow-Origin”的 header ，其中包含 * 或特定域作为值，例如当服务器使用以下 header 回复时:

Access-Control-Allow-Origin: *

它告诉访问者的浏览器我正在接受来自任何域的 XMLHttpRequest。

在您的情况下，您正在 https://svcs.sandbox.paypal.com/AdaptivePayments/Pay 上执行请求，该请求不允许跨站点请求(无访问控制- Allow-Origin 存在)，因此浏览器阻止 XMLHttpRequest 通过。