Vue framework, refresh the page and report an error Connot GET after matching the path with *

the previous article raised the question of how to match infinite-level routes with the help of forum friends, using the * sign to match. If you are not sure, you can go back to the previous question. The link is https://codeshelper.com/q/10..

Information supplement: the route pattern is that history, uses child routes. Currently, the storeindex route has been matched:

{

        path: "/storeindex/*",
        name: "storeindex",
        component: StoreIndex,
        children: [
            ...
        ]

}

but today I found that the page will report an error when refreshing. For example:
when I jump to / storeindex/src/components/HelloWorld.vue,
, the refresh page will report an error: Cannot GET / storeindex/src/components/HelloWorld.vue.

storeindex,src, components in routing are all file directories. If the route is refreshed here, it will not report an error, which is normal. For example: storeindex/src or storeindex/src/components refresh will not report an error, and the request is normal. But once it is routed to a specific file, the page reports the previous error. There was no request, and no hooks were triggered.

ps: uses the pattern of child routes as a project for the first time, and is not very familiar with child routes. I have read the official documents. But it doesn"t feel like much.

Mar.16,2021

whether router.addRoutes is used. If so, redirect is required in router.addRoutes , otherwise all routes in router.addRoutes will be redirected

.
Menu