使用 Cloudflare 和 Heroku 加载页面的问题

Question

我通过 Cloudflare 配置了我的 GoDaddy DNS，在将 www.ivanteong.com 和 ivanteong.com 添加到 Heroku 的自定义域后，指向 Heroku 的 URL (ivanteong.herokuapp.com)。

我还将 ivanteong.herokuapp.com 的 CNAME 添加到 Cloudflare 的根目录和 www，为 Crypto 设置配置“完整”并启用“自动 HTTPS 重写”。这是为了使站点显示为 HTTPS。我还添加了页面规则，以便所有内容都重定向到https://www.ivanteong.com。

但是，在我的网站上加载页面时，我一直遇到问题，按频率顺序排列：

1) 访问 ivanteong.com 上的不同页面时，有时会到达 Heroku 上的“这里还没有”页面。有时，它发生在主站点上，有时它发生在子页面上。访问者需要多次刷新页面才能加载实际页面并且 Heroku 上的错误页面消失了。这对用户体验不利，因为大多数情况下，用户不会费心重新加载，因为他们会认为网站已损坏。我怀疑这与 DNS 的重新路由或 Cloudflare 和 Heroku 之间的 DNS 连接有关。我在 Heroku 的免费套餐上，想知道这是否是问题所在？

2) 有时候，一些资源比如Javascript库或者图片加载不全，网站会出现图片没有加载或者UI乱码，只有刷新页面才能解决。看起来好像他们第一次加载了 80% 的资产，并且只有在我重新加载页面后才完成加载所有内容。我想知道这是否与强制对所有资产进行 HTTPS 加密有关？

Answer 1

我也遇到了类似的问题。当我尝试加载（通过 https）https://example.com 时，我没有找到任何应​​用程序错误。我通过在 heroku 自定义域设置中添加多个域来修复它。我将具有 www 子域和裸/根域的域都添加到了 heroku，现在我重定向到 www.example.com，但我没有收到无应用程序错误。我希望这也对你有用。