Vue.js Vue路由器不工作

我是Vue的新手。我一直在尝试使用Vue路由器设置一个简单的路由。但是我有一个问题，我不知道为什么

当我转到url“”时，我可以看到“Dashboard”消息，但当我转到url“”时，我看不到“Login”

多谢各位

index.js

import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/components/Dashboard'
import Login from '@/components/Login'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: Dashboard
    },
    {
      path: '/login',
      Component: Login
    }
  ]
})

Login.vue

<template>
    <p>Login</p>
</template>

<script>
  export default {}
</script>

登录

导出默认值{}

App.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

导出默认值{}

Dashboard.vue

<template>
    <p>Dashboard</p>
</template>

<script>
  export default {
    name: 'Dashboard'
  }
</script>

仪表板

导出默认值{
名称：“仪表板”
}

我不是Vue专家，但我觉得您应该导航到

localhost:8080/login

而不是

localhost:8080/#/login

您还将index.js的第16行中的

组件

大写