项目场景:
前几天的项目跑起来还好好的,今天开启Vue-cli 脚手架项目发现页面显示空白。就很苦恼。
问题描述:
找控制台出现以下提示:
@Override
[vue-router] Named Route 'jinengHome' has a default child route.
When navigating to this named route (:to="{name: 'jinengHome'"),
the default child route will not be rendered. Remove the name from this routeand use the name of the default child route for named links instead.
原因分析:
翻译过来就是:命名路由“jinengHome”具有默认子路由。当导航到此命名路由(:to=“{name:‘jinengHome’”)时,将不呈现默认子路由。从该路由中删除该名称,并改用命名链接的默认子路由的名称。
解决方案:
将router下的index.js 文件下的主路由配置路径path改成 “/”
即可, 因为自己使用了子路由,所以子路由的页面显示的path必须是/-对应的组件名字。
将路由path路径改一下即可。