net::ERR_INSECURE_RESPONSE 将 heroku 应用程序部署到谷歌域答案

【问题标题】：net::ERR_INSECURE_RESPONSE deploying heroku app to google domainsnet::ERR_INSECURE_RESPONSE 将 heroku 应用程序部署到谷歌域
【发布时间】：2017-09-26 03:07:00
【问题描述】：

我在http://employbl.herokuapp.com 设置了一个heroku 应用程序。我在谷歌域上拥有employbl.com 域，因此我希望employbl.com 和www.employbl.com 呈现托管在heroku 上的网站。

我将域添加到 heroku 配置中：

$ heroku domains:add www.employbl.com
 ▸    heroku-cli: update available from 6.13.13 to 6.14.27-c74500f
Adding www.employbl.com to ⬢ employbl... done
 ▸    Configure your app's DNS provider to point to the DNS Target
 ▸    www.employbl.com.herokudns.com.
 ▸    For help, see https://devcenter.heroku.com/articles/custom-domains

The domain www.employbl.com has been enqueued for addition
 ▸    Run heroku domains:wait 'www.employbl.com' to wait for
 ▸    completion
$ host www.employbl.com
www.employbl.com is an alias for www.employbl.com.herokudns.com.
www.employbl.com.herokudns.com has address 23.21.222.104
www.employbl.com.herokudns.com has address 23.23.118.21
www.employbl.com.herokudns.com has address 23.23.151.35
www.employbl.com.herokudns.com has address 174.129.214.98
www.employbl.com.herokudns.com has address 23.21.245.33
www.employbl.com.herokudns.com has address 23.21.55.239
www.employbl.com.herokudns.com has address 54.225.70.24
www.employbl.com.herokudns.com has address 23.21.228.1

在 Google Domains 控制台中，我创建了一个自定义资源记录和一个合成记录，如 here 所述并在 heroku docs 中指定

应用程序在employbl.herokuapp.com 上呈现良好，但是当我导航到www.employbl.com 时，HTML 会为我的应用程序呈现，但Javascript 和CSS 不会。它是一个 Vue.js 应用程序，因此浏览器中不会呈现任何内容。在控制台中我得到一个错误：

GET https://www.employbl.com/css/app.css net::ERR_INSECURE_RESPONSE
www.employbl.com/:37 
GET https://www.employbl.com/js/app.js net::ERR_INSECURE_RESPONSE

如何配置 google 域和 heroku 以很好地协同工作并在 www.employbl.com URL 上呈现我的 heroku 托管应用程序？

我正在运行 OSX sierra 和最新的 Chrome 版本

【问题讨论】：

标签： google-chrome ssl heroku dns cname

【解决方案1】：

事实证明，在我的应用服务提供商 (Laravel) 中，我对所有请求都强制使用 HTTPS。一旦我关闭它，它就会正确呈现

【讨论】：