[Ghost]Lightsailから設定後にhttp Mixed Contentが表示される

Lightsail公式の手順に従って設定を行うと、基本的な表示はできるようになります。しかし、以下のような混合されたコンテンツのブロックが表示されるようになります。 解決としては、インスタンスのssh接続後、

sudo vim /opt/bitnami/apache2/conf/httpd.conf 

\

を入力し、

<IfModule headers_module>
    #
    # Avoid passing HTTP_PROXY environment to CGI's on this or
    # backend servers which have lingering "httpoxy" defects.
    # 'Proxy' request header is undefined by the IETF, not list
    #
    RequestHeader unset Proxy early
</IfModule>

ここを探して、以下のように１行追加します。

<IfModule headers_module>
    #
    # Avoid passing HTTP_PROXY environment to CGI's on this or
    # backend servers which have lingering "httpoxy" defects.
    # 'Proxy' request header is undefined by the IETF, not list
    #
    RequestHeader unset Proxy early
    RequestHeader set X-Forwarded-Proto "https"
</IfModule>

–

次に、以下のコマンドからghost設定ファイルを変更します。

sudo vim /bitnami/ghost/config.production.json

以下のように表示されます。

{
	"database": {
      ...
		}
	},
	"url": "http://jhblog.jp",
	"server": ...,
	"mail": ...,
	"logging": ...,
	"process": "local",
	"paths": { "contentPath": "/opt/bitnami/ghost/content" }
}

ここのurlをhttpsに変更します。

{
	"database": {
      ...
		}
	},
	"url": "https://jhblog.jp",
	"server": ...,
	"mail": ...,
	"logging": ...,
	"process": "local",
	"paths": { "contentPath": "/opt/bitnami/ghost/content" }
}

保存後、インスタンスを再起動します。

---

CORSの問題もあったので、上記のhttpd.confの一番最後にCORSを許可するようヘッダーを追加したら治っていました。

Header set Header set Access-Control-Allow-Origin "*"