vue后台系统layout组件

一般的后台系统都是分左右不分的，左侧是导航栏，右侧是主要内容，大致是这种的，我是参考这个开源的项目做的，https://github.com/PanJiaChen/vue-element-admin，但是做了一些改进

// 自动检测路由是否存在于所有的路由中
  {
    path: '*',
    component: () => import('@/views/error-page/404'),
    hidden: true,
  }

<script>
export default {
  created() {
    const { params, query } = this.$route;
    const { path } = params;
    this.$router.replace({ path: '/' + path, query });
  },
  render: function(h) {
    return h(); // avoid warning message
  }
};
</script>