【Nuxt.js】さくらインターネットのレンサバで公開した静的サイトで404ページを表示させる

そんなの知ってる人ばかりかもしれないけれど知らなかった、おばちゃんです。誰かの睡眠時間の足しになるかもしれない・・・。

--------------------------
条件
--------------------------
●さくらインターネット（レンタルサーバ）
●Nuxt.js(ver2.14.0) 静的サイト
●エラーページ作成（layouts/error.vue）
●マルチドメインでhttpsに統一
●サーバ内該当ウェブサイトのルート直下に.htaccess

--------------------------
.htaccessの記述
--------------------------
<IfModule mod_rewrite.c>

RewriteEngine on
RewriteBase /

RewriteCond %{HTTP_HOST} ^www\.example\.com
RewriteRule (.*) https://example.com/ [R=301,L]
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
ErrorDocument 404 /200.html

</IfModule>

example.comは適宜、自サイトアドレスに変更で。
改行コードはLFにしておいたほうが安眠できると思います。本日はこれにて。