Question

我的单页应用程序无法正常运行，运行我的应用程序后，控制台中出现空白页日志，表明路由器配置中需要该路径。

这是我的main.js

import Vue from 'vue' import VueRouter from 'vue-router';import App from './App.vue'import {routes} from './routes.js'; Vue.use(VueRouter); const router=new VueRouter({routes});new Vue({el: '#app',router:router ,  render: h => h(App)})

这是我的routs.js

import User from './components/User/User.vue';import Home from'./components/Home.vue';import App from './App.vue';export const routes=[{   path:'', component: Home },{   Path:'/user', component:User}];

这是我的应用程序

<template>  <div class="container">
<div class="row">
  <div class="col-lg-12 col-md-6 col-xs-12 col-sm-8 col-sm-offset-2 col-md-offset-3"><h1 class="text-center mt-3">Routing</h1><hr><router-view></router-view>
  </div>
</div>

其他组件也这样设置。

我希望应用页面会被渲染。

Answer 1

如果您在其中添加一些行返回值，则更容易掌握代码。

我看不到您正在关闭的</template>标签。那将是一个问题。

在您的routes.js中，尝试：routes=[{ path:'/', component: Home }{ path:'/user', component:User }]-注意回家的路径是'/'

希望有帮助

Answer 2

在routes.js中，对于第二条路由，您将路径添加为Path，您必须提供“ path”。 P应该像这样小写。

routes: [{ path: "/", component: Home }, { path: "/user", component: Hello }]

错误：路由配置中需要[vue-router]“路径”

2 个答案: