Posted at

【Vue.js】開発時のURLから/#/を削除する


本記事について

Vue.jsの初心者向けTipsです。


目次

・解決したい問題

・解決方法


解決したい問題

開発している時にTOPページを見たいと思ったら

localhost:8080/#/

にアクセスするのですが、できれば

localhost:8080

にアクセスしたら表示されるようにしたいなと思ったので、それを解決する方法を調べました。


解決方法


folder_name/src/router/index.js

export default new Router({

mode: 'history',
routes: [
{
path: '/',
name: 'Name',
component: Name
}
]
})

として、

mode: 'history',を追加するとちゃんとlocalhost:8080でTOPページを表示してくれました。

参考:Vue.js公式ドキュメント