環境
- Laravel Framework 5.7.28
- vue : 2.6.10
- vuex : 3.1.2
- vue-router : 3.1.3
- Chrome (79.0.3945.88(Official Build)(64 ビット))
- VSCODE
vue-cliは使っていません
現象
レンタルサーバーにbuild & deployした際にブラウザ上でも一切エラーは発生していないが、ページが真っ白になってしまう
手順
build
npm run prod
試したこと
色々ググって関係ありそうな以下を試してみました
- vue.config.jsでpublicPathを設定する
そもそもこのファイル自体が存在しないので新規で作ってみましたが無駄でした。。。
- vue-routerのindex.jsにてhistory modeを外してみた
ページが表示された!!!!!!!!
ただ、これだとURLに「#」が入ってしまう
結論
vue-routerでbaseオプションを指定する
baseにはpublicまでのpathを設定
const router = new Router({
mode: 'history',
base: '/app/public',
})
上記の設定でページが表示されるようになりました