Question

我使用Ionic创建了一个项目，并将其作为PWA部署到firebase。我用CORS利用代理来调用google maps api服务。这在本地工作，但一旦部署，这不再是这种情况。

我在服务器上得到的回复是：

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开始，解释错误在＆lt;。

上失败的原因

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

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

并且被称为： / api / maps / api / place / nearbysearch / .... etc

非常感谢任何帮助。

Answer 1

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

firebase

1 个答案: