Vue.jsで書いたファイルをブラウザで確認するとき、routerで設定したURLにアクセスするが、その際にどうしてもrouterで指定したURLに/#/ がついてしまう。/#/ を含んだURLになってしまい見た目が格好良くない。
これを取り除く方法が公式に書いているが、いつもどこに書けばよいか忘れるので備忘録として書く。
この記事を読む対象の人
- Vue.js を少しでも触れている人
- Vue.js のプロジェクトを既に作成した人
解決策
プロジェクト名/src/router/index.js に"mode: 'history'"を以下のように記述する。
export default new Router({
mode: 'history',
routes: [
{
(以下略)
参考URL
公式サイトを参考にしました。公式を参考にした方が早いと思います…。
https://router.vuejs.org/ja/essentials/history-mode.html