先日「Nyaaan」というWebサービスをリリースしました。 このWebサービスは「Nuxt.js」で作られており、「Netlify」でWebホスティングしています。 Twitterでシェアして楽しんでもらうことを前提としたWebサービスですので、TwitterCardの画像は広くリーチするのには大切なものです。 しかし以下のような詳細画面など、ルートパス(index.htmlにあたるページ)以外は404にってしまう現象になり、 実際URLにアクセスするとちゃんと画面は見れるけど、TwitterではTwitterCardが表示されないという現象が起こりました。 その原因と解決方法を記載します。 原因 通常SPAサイトを作る場合、ルートパス以外でアクセスされた場合はindex.htmlにリダイレクトをする処理を書くと思います。 自分は404ページを用意して、Nuxt.jsの設定で「ページが存
