Vue-routerが動作していません

Question

私はVue初心者です。私は、Vue-Routerを使って簡単なルートをセットアップしようとしていました。しかし、私はなぜ知っているのかわからない問題があります。

"http://localhost:8080/#/"というURLに行くと「ダッシュボード」メッセージが表示されますが、「http://localhost:8080/#/login」というURLにアクセスすると「ログイン」が表示されませんでした。

は

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