部署时出现混合内容错误

时间:2019-10-03 13:28:09

标签: firebase google-maps vue.js google-chrome-devtools

我正在从事一个项目,并希望将我的开发服务器托管到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 Maps源的编辑无法解决问题?

如果必须修复此问题才能完全呈现网页,如何解决此问题?

我的整个项目可以在这里找到:https://github.com/SIeep/peer-program-atx

我的项目当前托管在这里:https://peer-program-atx.firebaseapp.com

任何帮助或想法都受到欢迎和赞赏! :)

谢谢!

1 个答案:

答案 0 :(得分:0)

哦,看来它现在正在工作。奇怪。我一定没耐心什么的。酷豆!