Amazon web services 跨源请求块
我正在从事角形正面项目,并使用angular7项目。 我使用AWSAPI作为后端。每当我调用aws api时,它都会给我 以下错误 已阻止跨源请求:同一源策略不允许读取位于的远程资源。(原因:CORS飞行前通道的CORS标头“access control allow Headers”中缺少令牌“access control allow origin”) 已阻止跨源请求:同一源策略不允许读取位于的远程资源。(原因:CORS请求未成功) 我正在使用以下代码Amazon web services 跨源请求块,amazon-web-services,api,angular7,Amazon Web Services,Api,Angular7,我正在从事角形正面项目,并使用angular7项目。 我使用AWSAPI作为后端。每当我调用aws api时,它都会给我 以下错误 已阻止跨源请求:同一源策略不允许读取位于的远程资源。(原因:CORS飞行前通道的CORS标头“access control allow Headers”中缺少令牌“access control allow origin”) 已阻止跨源请求:同一源策略不允许读取位于的远程资源。(原因:CORS请求未成功) 我正在使用以下代码 const httpOptions = {
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);
你把这个请求打到哪里?如果是本地主机,aws可能不允许访问它。检查此服务的API密钥 或者仔细检查你的标题
请尝试您需要在API网关端点中启用CORS。
下面:我也在调用本地主机和live server的请求,但出现了相同的错误。根据我的评论,我已将“内容类型”:“应用程序/json”,“访问控制允许源代码”:“*”头添加到我的requestYes CORS已在API网关端点启用,但仍然存在问题当我使用postman点击相同的API时,其工作与预期一致,但当我从angular应用程序调用它时,它会给我CORS issueth这个问题已经通过从请求中删除头来解决了。让makePaymentUrl=“”;返回this.http.post(makePaymentUrl,params);