problem description
uses three layers of nested routes that cannot be displayed on the page.
visit http://localhost:9527/-sharp/foodMan/foodMainInfo/mainInfoSearch to display in blank space
the environmental background of the problems and what methods you have tried
all the specific file paths are correct, and there are corresponding files
related codes
/ / Please paste the code text below (do not replace the code with pictures)
vue-router:
{
path: "/foodMan",
component: Layout,
hidden: false,
name: "",
children: [
{
path: "foodMainInfo",
name: "",
meta: { title: "", icon: "icon", noCache: true },
//component: () => import("@/views/foodMan/foodMainInfo/mainInfoSearch/index"),
children: [
{
path: "mainInfoSearch",
component: () => import("@/views/foodMan/foodMainInfo/mainInfoSearch/index"),
name: "",
meta: { title: "", icon: "icon", noCache: true }
},
{
path: "mainInfoKeep",
component: () => import("@/views/foodMan/foodMainInfo/mainInfoKeep/index"),
name: "",
meta: { title: "", icon: "icon", noCache: true }
},
{
path: "mainInfoAdd",
component: () => import("@/views/foodMan/foodMainInfo/mainInfoAdd/index"),
name: "",
meta: { title: "", icon: "icon", noCache: true }
}
]
}
]
},
what result do you expect? What is the error message actually seen?
can access the correct address.