我们重新修正一下路由 ![](https://img.kancloud.cn/fe/41/fe4110c940cdc4bc38efa2b1710e949a_1905x988.png) ### ![](https://img.kancloud.cn/9f/ca/9fcae0ac2c485800cf06050afcff2c34_1587x898.png) ### 同步修改一下the-header.vue组件当中退出路径 ![](https://img.kancloud.cn/69/88/698863ef10c73a4ecfa99b1f783112bf_1848x997.png) ### 然后重点是对main.vue的改造 ![](https://img.kancloud.cn/db/b6/dbb6af7761fff56bcf33f24966cd0f6f_1508x952.png) ### 后续所有的路由都会在/根目录下以子路由的形式存在 所以所有的子路由都统一在main.vue当中去展示 后续所有的子组件也都会在views/main目录下创建 如下图所示 ![](https://img.kancloud.cn/7f/82/7f8246c81ea0990fce8bd24a409e3011_1289x704.png)