Firebase 上的代理请求

Question

我使用 Ionic 创建了一个项目并将其作为 PWA 部署到 firebase。我已经使用代理调用 google 映射 api 服务来绕过 CORS。这在本地有效，但是一旦部署，情况就不再如此。

我在服务器上得到的响应是：

SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse (<anonymous>)
at XMLHttpRequest.l (https://atomic-affinity-127705.firebaseapp.com/build/vendor.js:1:312114)
at t.invokeTask (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:3:15660)
at Object.onInvokeTask (https://atomic-affinity-127705.firebaseapp.com/build/vendor.js:1:26996)
at t.invokeTask (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:3:15581)
at r.runTask (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:3:10834)
at e.invokeTask [as invoke] (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:3:16794)
at p (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:2:27648)
at XMLHttpRequest.v (https://atomic-affinity-127705.firebaseapp.com/build/polyfills.js:2:27893)



"Http failure during parsing"

在查看文本字段时，我得到了正在解析的 index.html 页面的内容。从 Doctype 开始解释错误在 <.

上失败的原因

Ionic.config.json 具有以下内容：

  "proxies": [{
    "path": "/api",
    "proxyUrl": "https://maps.googleapis.com/"
  }]

并这样称呼： /api/maps/api/place/nearbysearch/ ....等

如有任何帮助，我们将不胜感激。

Answer 1

对于那些对此解决方案感兴趣的人，我最终使用了 Google 提供的 js 库。解决这个问题的另一种方法是创建一个在 firebase 上设置的函数，运行表示使用适当的 CORS headers 进行调用，但是我不想添加额外的调用。

Firebase 上的代理请求

Proxy request on firebase

proxy

json

header

response

cors