Question

我让所有这些页面正常工作但Signin一个。我有一个名为Signin.vue的功能，我将它添加到路线中但是当我尝试到达它时（http://localhost:8080/#/signin），该页面只是没有显示任何内容。

＆＃13;

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Contatos from '@/components/Contatos'
import NovoContato from '@/components/NovoContato'
import ViewContato from '@/components/ViewContato'
import EditarContato from '@/components/EditarContato'
import Signin from '@/components/Signin'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/cont',
      name: 'Contatos',
      component: Contatos
    },
    {
      path: '/novo_cont',
      name: 'NovoContato',
      component: NovoContato
    },
    {
      path: '/:contato_id',
      name: 'view-contato',
      component: ViewContato
    },
    {
      path: '/edit/:contato_id',
      name: 'editar-contato',
      component: EditarContato
    },
    {
      path: '/signin',
      name: 'Signin',
      component: Signin
    }
  ]
})

＆＃13;

Answer 1

这是因为这条道路：

{
  path: '/:contato_id',
  name: 'view-contato',
  component: ViewContato
},

此路径没有特定名称，只有一个参数，这意味着在路由器中定义的所有路由都不起作用。

因此，您可以将SignIn路线放在ViewContato路线之前，或者为ViewContato路线指定名称（例如path: 'view/:contato_id'）

VueJS - 应用程序无法找到路线

1 个答案: