问路由无效(Vue.js)
EN

Stack Overflow用户

提问于 2018-10-04 19:03:22

回答 1查看 59关注 0票数 0

我的Login.vue组件的路由工作(请看这里)，而我的SignUp.vue组件的路由不工作(请看这里)。为什么？

这里的完整源代码

路由器配置文件(src/路由器/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>

vue.js

vue-router

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-04 19:10:38

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52653502

复制

相似问题

问路由无效(Vue.js)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问路由无效(Vue.js)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问路由无效(Vue.js)
EN