VueJs маршрут в / или домой - PullRequest
Новая
       6

VueJs маршрут в / или домой

0 голосов
/ 17 января 2019

У меня проблема с маршрутизацией.

Когда я делаю свою сборку, И когда я иду на моем **** / dist /, мой маршрут по дому не работает.

Но страница пуста только с панелью навигации.

Я бы хотел зайти на страницу входа.

Спасибо за вашу помощь в будущем :) 1009 *

это мой App.vue 

<template>
  <div id="app" >
    <!-- class="container"-->
    <b-container fluid>
      <navbar></navbar>
      <router-view/>
    </b-container>
  </div>
</template>

<script>
    import Navbar from './components/navbar/Navbar'
export default {
  name: 'App',
    methods: {
    },
    components: {
        Navbar
    }
}
</script>
<style>

</style>

А это мой роутер 

    {
        path: '/',
        name: 'home',
        component: Login,
    },
    {
        path: '/login',
        name: 'login',
        component: Login,
        meta: { 
            guest: true
        }
    },
    {
        path: '/dashboard',
        name: 'userboard',
        component: UserBoard,
        meta: { 
            requiresAuth: true
        }
    },
    {
        path: '/myBooked',
        name: 'Booked',
        component: Booked,
        meta: {
            requiresAuth: true
        }
    },
    {
        path: '/admin',
        name: 'admin',
        component: Admin,
        meta: { 
            requiresAuth: true,
            is_admin : true
        }
    },

РЕДАКТИРОВАТЬ 2019-101-18: @ Саджиб Хан

В main.js (по умолчанию) с: 

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

Маршрутизатор: 

import Vue from 'vue'
import Router from 'vue-router'
import Booked from '@/components/Booked'
import Login from '@/components/Login'
import UserBoard from '@/components/UserBoard'
import Admin from '@/components/Admin'

Vue.use(Router)

let router = new Router({
    //base: '/dist',
    mode: 'history',
  routes: [
    {
        path: '/',
        name: 'home',
        component: Login,
    },
    {
        path: '/login',
        name: 'login',
        component: Login,
        meta: { 
            guest: true
        }
    },
    {
        path: '/dashboard',
        name: 'userboard',
        component: UserBoard,
        meta: { 
            requiresAuth: true
        }
    },
    {
        path: '/myBooked',
        name: 'Booked',
        component: Booked,
        meta: {
            requiresAuth: true
        }
    },
    {
        path: '/admin',
        name: 'admin',
        component: Admin,
        meta: { 
            requiresAuth: true,
            is_admin : true
        }
    },
  ]
})
...