VueJS addRoutes添加更多子路由

Question

实现语言切换器，并有最后（希望如此）失踪的难题。

我定义了这些路线：

routes: [
    {
      path: '/',
      redirect: `/en`,
    },
    {
      path: '/:lang',
      component: {
        render: h => h('router-view')
      },
      children: [
        {
          path: '',
          name: 'home',
          component: Home,
        },
      ],
    },
  ],

我有一些来自后端的路由，我将这些路由添加到现有的这样：

fetchRoutes({commit}) {
      axios.get( `${process.env.VUE_APP_API_DOMAIN}/wp-json/api/v1/routes/`).then( r => r.data ).then(routes => {

        routes.forEach( (route) => {
          router.addRoutes([
            {
              path: `${route.path}`,
              name: `${route.path}`,
              component: () => import(/* webpackChunkName: 'pages' */ `./views/${route.component}.vue`),
              props: route.props,
            },
          ]);
        } );

      });
    },

这适用于非儿童路线。 但我需要把这些路线放在path: '/:lang',作为孩子。