はじめに
NetlifyでSPAを公開したのですが、ページ遷移後にリロードすると404エラーが出てしまいました。
Vue CLI3を利用しています。
原因
SPAはVue.jsで作っていて、URLに#が出るのが嫌だったのでHTML5 historyモードを利用していました。
それが原因だったようです。
対処法
publicディレクトリに_redirectsファイルを作成し
._redirects
/* /index.html 200
と記入すればOKです。
参考
Vue.js製のポートフォリオサイトをNetlifyに引っ越しました
Add _redirects file to root path for Vue SPA hosted on Netlify
Netlifyでリダイレクトの設定をする