Vue-Router funktioniert nicht

Question

Ich bin ein Vue-Neuling. Ich habe versucht, eine einfache Route mit Vue-Router einzurichten. Aber ich habe ein Problem, das weiß ich nicht warum.

Ich kann die "Dashboard" Nachricht sehen, wenn ich auf die URL "http://localhost:8080/#/" gehe, aber ich konnte "Login" nicht sehen, wenn ich zur URL "http://localhost:8080/#/login" gehe.

Danke

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

Ich bin kein Experte Vue, aber ich habe das Gefühl, Sie sollten localhost:8080/#/login

-localhost:8080/login und nicht die Navigation durch Sie haben aktiviert auch Component in Zeile 16 des index.js