先日「Nyaaan」というWebサービスをリリースしました。 このWebサービスは「Nuxt.js」で作られており、「Netlify」でWebホスティングしています。 Twitterでシェアして楽しんでもらうことを前提としたWebサービスですので、TwitterCardの画像は広くリーチするのには大切なものです。 しかし以下のような詳細画面など、ルートパス(index.htmlにあたるページ)以外は404にってしまう現象になり、 実際URLにアクセスするとちゃんと画面は見れるけど、TwitterではTwitterCardが表示されないという現象が起こりました。 その原因と解決方法を記載します。 原因 通常SPAサイトを作る場合、ルートパス以外でアクセスされた場合はindex.htmlにリダイレクトをする処理を書くと思います。 自分は404ページを用意して、Nuxt.jsの設定で「ページが存
![Netlifyを使ってたらルートパス以外が404になった話とその解決方法 - Crieit](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f832f83f5daa9f243a5616b9783e71a1560b2a5/height=288;version=1;width=512/https%3A%2F%2Fogp.crieit.net%2Fposts%2FNetlify-404%2Fogp.png)