Polymer Starter Kit的Firebase身份验证错误

Question

我正在尝试使用聚合物 - 火元素来管理我的网站上使用Polymer Stater Kit构建的登录。单击按钮时，将在firebase-auth元素上调用 signInWithPopup 方法。虽然弹出窗口随后出现，弹出窗口中打开的链接错误，导致404错误。

由于我不知道导致错误的原因是我创建了git repository，您可以在其中查看我的代码并尝试一下

Answer 1

如果您阅读https://beta.webcomponents.org/element/firebase/polymerfire/firebase-auth中的说明，则表示如果您使用Firebase托管来部署应用，则需要小心不要在服务工作者上使用前缀__拦截请求。我把<img id="bio-image" src="<?php echo get_theme_mod( 'bio_image' , get_template_directory_uri().'/images/default.jpg' ); ?>"> 放在我的sw-precache-config.js中，就像在这里描述一样https://github.com/GoogleChrome/sw-precache#ignoreurlparametersmatching-arrayregex

尝试从不同的浏览器访问您的网站。或者重新启动浏览器。当我像你一样在Chrome上失败后在Canary上尝试它时，它对我很有用。

Answer 2

解决方案实际上是将以下行添加到sw-precache-config.js：

navigateFallbackWhitelist: [/^(?!\/__)/, ' /getProjectConfig/'],

这可以防止服务工作者试图拦截身份验证请求。