vue中使用嵌套路由(history方式),刷新页面，出现白屏

vue中使用嵌套路由(history方式),刷新页面，出现白屏

路由配置：

export default {
  routes: [{
      path: "/",
      name:"Home",//使用别名意味着以后修改path时，不需要去页面中修改路径
      component: () => import("@/views/Home"),
    },
    {
      path: "/channel/:id",
      name: "ChannelNews",
      component: () => import("@/views/ChannelNews"),
    }
  ],
  mode: "history",
};

错误信息：

解决方式：path: “/channel/:id” --> path: "/channel:id"

export default {
  routes: [{
      path: "/",
      name:"Home",//使用别名意味着以后修改path时，不需要去页面中修改路径
      component: () => import("@/views/Home"),
    },
    {
      path: "/channel:id",
      name: "ChannelNews",
      component: () => import("@/views/ChannelNews"),
    }
  ],
  mode: "history",
};