Xampp + Laravel5.5 + Vue.js + Vue routerで現在はローカルでページ遷移のないコンテンツを作っています。
通常の設定では<router-view></router-view>の間に子コンポーネントが表示できて
切り替えられることが確認できています。
問題はこのままだとURLに♯がついてしまうのでハッシュモードと言う状態でヒストリーモードにしたいと思い
https://router.vuejs.org/ja/essentials/history-mode.html
こちらを参考にhtaccess?の設定しようと思いましたが上手くいきませんでした。
具体的にどこにあるファイルにどう記載すれば実現できますでしょうか?
お助けいただけると幸いです。
php
1<body> 2 <div id="app"> 3 <router-view></router-view> 4 </div> 5 <script src="js/app.js"></script> 6</body>
js
1import Vue from 'vue' 2import VueRouter from 'vue-router' 3require('./bootstrap'); 4Vue.use(VueRouter); 5window.Vue = require('vue'); 6 7const router = new VueRouter({ 8 mode: 'history', ←この行を入力すると動作しない 9 routes: [ 10 // TOPページ 11 { path: '/', component: require('./components/index.vue') }, 12 { path: '/page1', component: require('./components/page1.vue') }, 13 { path: '/page2', component: require('./components/page2.vue') }, 14 ] 15}); 16 17const app = new Vue({ 18 el: '#app', 19 router 20});