Vueでrouterのヒストリーモードを使ってサブディレクトリで運用する

Vueのrouternのヒストリーモードとは通常のハッシュモードとは違い、#なしの普通のURLで1ページアプリを実現する方法。これをサイトのルートで運用するときはマニュアルに書いてある通りなのでハマることはないのだが、サブディレクトリでやろうとすると大変だったので覚書。

ここではサブディレクトリを/homepageとする。

vue.config.js

vue.config.jsを以下のように書く。

router.js

src/router.jsを以下のように書く。

.htaccess

public/.htaccessを以下のように書く

Leave a Reply

Your email address will not be published. Required fields are marked *

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)