【发布时间】：2020-02-01 20:03:02
【问题描述】：
我正在做一个项目，想将我的开发服务器托管到 Firebase 托管。
当我部署应用程序时，我在 chrome 开发工具中收到了一些混合内容错误，说我需要将一些源文件从 http 切换到 https，我确实这样做了。这是完整的错误信息：
Mixed Content: The page at 'https://peer-program-atx.firebaseapp.com/' was loaded over HTTPS, but requested an insecure script 'http://maps.google.com/maps/api/js?sensor=true'. This request has been blocked; the content must be served over HTTPS.
其中一个我需要编辑的是 Google Maps API。我搜索了整个项目以找到 'http://maps.google.com/maps/api/js?sensor=true' 的任何实例，以便我可以将其切换到 https 协议。
执行此操作后，我继续在 Chrome 开发工具中收到完全相同的错误，导致页面无法加载。这是预期的行为还是我必须弄清楚为什么我对 Google 地图源的编辑没有解决问题？
如果我必须解决这个问题才能完全呈现网页，我该如何解决这个问题？
我的整个项目可以在这里找到：https://github.com/SIeep/peer-program-atx
我的项目目前托管在这里：https://peer-program-atx.firebaseapp.com
欢迎和感谢任何帮助或想法！ :)
谢谢！
【问题讨论】：
标签： firebase google-maps vue.js google-chrome-devtools