Vue路由器不能正常工作

Question

我是Vue的新手。我一直在嘗試使用Vue-Router設置一個簡單的路由。但我有一個問題，這是我不知道爲什麼。

當我轉到網址「http://localhost:8080/#/」時，我可以看到「儀表板」消息，但當我轉到網址「http://localhost:8080/#/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> 

Answer 1

我不是一個Vue的專家，但我有一種感覺，你應該導航到localhost:8080/login，而不是localhost:8080/#/login

你也是你的index.js