路线无效（Vue.js）

Question

我的Login.vue组件的路由有效（请参见此处），而我的SignUp.vue组件的路由则无效（请参见此处）。 为什么？

路由器配置文件（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）

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-10-04 19:10:38

路线无效（Vue.js）

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-10-04 19:10:38

解决方案1
0 已采纳 2018-10-04 19:10:38