跨源请求块
我正在工作的角度前端项目和使用angular7项目。我使用aws api作为后端。每当我调用aws api时，它都会给我带来以下错误。
跨源请求被阻止：同一源策略不允许读取https://xxxxxxx.execute-api.us-east-1.amazonaws.com/xxx/subscriptionPayment上的远程资源。（原因：在CORS飞行前信道的CORS标头'Access-Control-Allog-Headers'中缺少令牌'Access-Control-Allog-Origin')。
跨源请求被阻止：同一源策略不允许读取https://xxxxxxx.execute-api.us-east-1.amazonaws.com/xxx/subscriptionPayment上的远程资源。（原因：CORS请求没有成功）。
我使用以下代码
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin':'*'
})
};
let makePaymentUrl = "https://xxxxx.execute-api.us-east-1.amazonaws.com/xxxx/subscriptionpayment";
return this.http.post(makePaymentUrl, params,httpOptions);
共有1个答案
您需要在API网关endpoint启用CORS。以下内容:https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html#how-to-cors-console
-
如果我们向另一个网站发送 fetch 请求，则该请求可能会失败。 例如，让我们尝试向 http://example.com 发送 fetch 请求： try { await fetch('http://example.com'); } catch(err) { alert(err); // fetch 失败 } 正如所料，获取失败。 这里的核心概念是 源（origin）—— 域（domai
-
当我使用axios发送XMLHttpRequest时，就会发生这种情况。 错误：XMLHttpRequest无法加载https://nuxt-auth-routes.glitch.me/api/login。对飞行前请求的响应没有通过访问控制检查：在所请求的资源上没有“访问-控制-允许-起源”标头。因此，不允许访问源'http://localhost:3000'。
-
我正在开发一个应用程序，它由一个用Spring Boot开发的后端应用程序和一个用Angular 8开发的前端应用程序组成。现在，我想启用Cross Origin来让前端调用后端的API。 根据Spring关于CORS的文档，我编写了以下配置类： 第一次尝试是将AllowedOrigins设置为。 当我从Angular应用程序调用api时，我在控制台中发现了以下错误： CORS策略阻止了从来源“h
-
我也在应用程序根目录中使用。htaccess文件。（waleedahmad.kd.io/node）。
-
我已经在我的ASP中启用了CORS。NET MVC API，使用以下代码： 我尝试从API获取数据，打开localhost:6320/API/users，它工作了，我获取了所有数据。现在，当我尝试从Angular 7应用程序获取数据时，数据未加载，出现错误 “访问位于的XMLHttpRequest”http://localhost:6320/api/users“起源”http://localhos
-
我需要在浏览器中打开一个本地html文件。javascript运行良好，但ajax停止工作，XMLHttpRequest会出现交叉原点错误。有没有办法从本地目录运行ajax。对我来说，它只从本地文件运行是必要的。 谢谢