angular - 在 Angular 应用程序中使用地理编码 API 时出现 COORS 错误

Question

我需要一个很长的地址，所以我使用： https : //maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY

使用我的 API 密钥

我已从 Angular 客户端响应中的服务发出此请求：访问 XMLHttpRequest at....已被 CORS 策略阻止：预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段授权。

标签： angularapigeocoding

Answer 1

我认为问题在于您的请求包含Authorization标头。您发布的 CORS 错误说：

预检响应中的Access-Control-Allow-Headers不允许请求标头字段授权。

因此 API 不允许Authorization在您的请求中发送标头。正如您发布的那样，您可能应该仅通过查询参数中的 API 密钥进行授权。

其他详细信息：预检响应 的 Access-Control-Allow-Headers指定 CORS 请求中允许哪些标头。如果您的请求包含未在此处指定的标头，您将收到 CORS 错误。