За последние 24 часа нас посетили 7317 программистов и 665 роботов. Сейчас ищут 238 программистов ...

Изучаю vue router.

Тема в разделе "Laravel", создана пользователем Artur_hopf, 10 сен 2019.

  1. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    1.249
    Симпатии:
    185
    Добрый день. Может кто подскажет. Хотел сделать 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. export default
    5. {
    6.     mounted(){
    7.         console.log('Тест');
    8.     }
    9. }
    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. Подскажите почему так происходит?
     
  2. acho

    acho Активный пользователь

    С нами с:
    28 дек 2016
    Сообщения:
    728
    Симпатии:
    162
    Адрес:
    Санкт-Петербург
    PHP:
    1. ({
    2.     mode: 'history',
    3.     routes : [
    4.         {
    5.             path: '/home',
    6.             component: Main
    7.         }
    8.     ]
    9. });
     
  3. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    1.249
    Симпатии:
    185
    @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. });
    --- Добавлено ---
    Там что то связанное с безопасностью, поэтому этот хеш нужен. Ладно, оставлю так =)
     
  4. acho

    acho Активный пользователь

    С нами с:
    28 дек 2016
    Сообщения:
    728
    Симпатии:
    162
    Адрес:
    Санкт-Петербург
    А должно вроде. Мб я что-то упустил.
    гугли vue-router /#/
    полно таких тем
     
  5. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    6.901
    Симпатии:
    1.299
    А как вы в laravel маршруты сделали?
     
  6. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    1.249
    Симпатии:
    185