The vue router child route cannot be routed to the specified component.

use vue to make a back-end system, first route to the login interface, log in successfully to the home page, click on the first-level title router out of the second-level title, when routing the second-level title, the pages are all blank.

clipboard.png
app.vuerouter-view;

clipboard.png
layoutrouter-view;

clipboard.png
this is the code of router. Children cannot router the specified secondary title, and the interface is all white. But the following annotated code can be routed to this component, but the entire interface has only a secondary title

I would like to ask what is the problem? How to change it?
Thank you, boss

Apr.02,2021

add one

redirect: 'layout/TwoLevelHeadlines'

should be a problem with the path path'/'. A nested path that begins with / will be treated as the root path; so / layout/Two is inaccessible and / Two can be accessed;

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b355e9-2acd1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b355e9-2acd1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?