Изучаю vue router.

Добрый день. Может кто подскажет. Хотел сделать router в vue. Все делал по инструкции.

В app.js создал такие строки:

Код (Javascript):

1. window.Vue = require('vue');
2.  
3. import VueRouter from 'vue-router';
4. import router from './router';
5. import App from './components/App';
6.  
7. Vue.use(VueRouter);
8.  
9. const app = new Vue({
10.     el: '#app',
11.     render: h => h(App),
12.     router
13. });

App.vue

HTML:

1. <template>
2.     <router-view></router-view>
3. </template>
4. <script>
5. export default
6. {
7.     mounted(){
8.         console.log('Тест');
9.     }
10. }
11. </script>

rout.js

Код (Javascript):

1. import VueRouter from 'vue-router';
2. import Main from './components/Main.vue';
3.  
4. export default new VueRouter
5. ({
6.     routes : [
7.         {
8.             path: 'home',
9.             component: Main
10.         }
11.     ]
12. });

Сделал npm run watch . Все без ошибок отработало. Перехожу в url на страницу /home. И laravel пишет что нет такой страницы. Что не так. Где я опростоволосился?
--- Добавлено ---
Заработало по такому ulr /#/home . А предполагалось по /home. Подскажите почему так происходит?

 

@acho не помогло

Код (Javascript):

1. import VueRouter from 'vue-router';
2. import Main from './components/Main.vue';
3.  
4. export default new VueRouter
5. ({
6.     mode: 'history',
7.     routes : [
8.         {
9.             path: '/home',
10.             component: Main
11.         }
12.     ]
13. });

--- Добавлено ---
Там что то связанное с безопасностью, поэтому этот хеш нужен. Ладно, оставлю так =)

 

вот хорошая статья на эту тему.
https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations