はじめに

この記事では、Lightsail + CloudFront + Route53 を用いてWordPressを構築した時に403エラーが発生する件について、確認するべき点を紹介します。

構築の手順を書いた記事はこちら

環境

• macOS 10.14.3
• WordPress 5.2.1

403エラーが返ってくる

一連の手順が済み、いざサイトにアクセスしてみると

403エラーが返ってきます…

解決法

基本的にはRoute53かCloudFrontの設定ミスが考えられます。

AWS Lightsail + CloudFront + Route53 でWordPressを構築した話 を参考に再度設定を見直してみてください。

その中でも、見落としがちな設定を1つを紹介します。

CloudFrontのOriginを見直してみましょう。Origin Protocol Policyは HTTP Only です。

Behaviorの設定で Redirect HTTP to HTTPS の設定をするのでややこしくなりがちですが、OriginはもともとhttpのLightsailに向けているのでOrigin Protocol Policyは HTTP Only となります。

設定が完了すると、無事に表示されるようになります！

まとめ

Lightsail + CloudFront + Route53 を用いてWordPressを構築した時に403エラーが発生する件について、確認するべき点を紹介しました。

403エラーが返ってくるときは、CloudFrontとRoute53の設定を見直してみましょう。

参考

https://stackoverflow.com/questions/53446900/how-to-setup-aws-cloudfront-with-lightsail-for-wordpress