vue.js - 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
}
},
]
})
解决方案
推荐阅读
- python - 在 TensorFlow 的低级 API 中,是否可以使用优化器保存图形并在另一个文件中继续训练?
- scala - 为什么嵌套的 Java 类不能从 Scala 导入?
- wcf - svcutil 从 dll 中获取 wsdl 和 xsd
- typescript - 打字稿中的重载函数类型
- php - 无法从 PHP 类获取返回输出
- android - 如何使用自定义动画
- python - numpy 在每个列表周围打印 list()
- java - 引用一个xml文件中的属性,这些属性是在另一个xml文件中的一个bean下定义的
- node.js - 给定绝对路径,得到相对路径,相对于cwd
- arrays - 将 N*M*K 数组的索引转换为 N、M 和 K 值?