gpt4 book ai didi

javascript - Angular 7 : Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested

转载 作者:行者123 更新时间:2023-11-30 14:04:19 24 4
gpt4 key购买 nike

我必须使用 CURD 操作来实现 Angular 应用程序。 API 已托管在 AWS 中,与 Postman 配合使用效果很好。

但是我的 Angular 应用程序越来越

在“https://acp56df5alc.execute-api.us-east-”访问 XMLHttpRequest 1.amazonaws.com/ams/getmember' from origin' http://localhost:4200 '已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。

我的代码如下,

http_GET(actionUrl: string): Observable<any> {
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Allow-Headers': 'Content-Type',
'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE',
'key': 'x-api-key',
'value': 'NNctr6Tjrw9794gFXf3fi6zWBZ78j6Gv3UCb3y0x',

})
};
return this.http.get<any>(this.baseUrl + actionUrl, httpOptions).pipe(
(response => {
return response;
}));
}

我已经努力解决了这个问题,但需要一些帮助

最佳答案

我有同样的 cors 问题并尝试了所有建议的设置 Access-Control-Allow-Origin * 的方法但没有成功。
后来发现两个问题:

  1. 我通过 POST 请求发送的数据格式 格式不正确。
  2. 服务器无法处理从发布请求收到的空参数。

原始请求:

return this.http.post(API_URL + 'customer/login',
{email: email, password: password},{ headers: headers}
)

在我使用 JSON.stringify()

包装发布数据后工作
return this.http.post(API_URL + 'customer/login',
JSON.stringify({email: email, password: password}),{ headers: headers}
)

关于javascript - Angular 7 : Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55732579/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com