路线无效 (Vue.js)

Question

我的 Login.vue 组件的路由有效 (see here) whereas the route for my SignUp.vue component doesn't (see here)。为什么？

路由器配置文件（src/router/index.js）：

import Vue from 'vue';
import Home from '../components/Home.vue';
import SignUp from '../components/SignUp.vue';
import Login from '../components/Login.vue';

import Router from 'vue-router';
Vue.use(Router);

export default new Router({
  routes: [
  {
    path: '/',
    component: Home
  },
  {
    path: '/login',
    component: Login
  },
  {
    path: 'signup',
    component: SignUp
  },
  ]
});

根 HTML 文件 (index.html):

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>timelog</title>
  </head>
  <body>
    <div id="app">
      <router-link to="/"><h1>Timelog</h1></router-link>
      <router-view></router-view>
    </div>
    <script src="dist/build.js"></script>
  </body>
</html>

Answer 1

将path: 'signup',更改为path: '/signup',

路线无效 (Vue.js)

Route isn't valid (Vue.js)

vue.js

vue-router