首页 > 解决方案 > VueJs 路由到/或家

问题描述

我的路由有问题。

当我进行构建时,当我继续我的 ****/dist/ 时,我在家里的路由不起作用。

但是页面是空白的,只有导航栏。

我想进入登录页面。

感谢您对未来的帮助:)

这是我的 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:@Sajib Khan

在 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
        }
    },
  ]
})

标签: vue.jsroutingroutes

解决方案


推荐阅读