Tag Archives: apache

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

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

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

vue.config.js

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

router.js

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

.htaccess

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