163 字
1 分钟
vue 路由拆分
2020-08-19

本文同步自 CSDN · 清阿哥,原文发布于 2020-08-19。

1. 问题#

随着项目越来越大,路由会越来越多,如果路由都写在同一个文件中会显得页面混乱,可读性很差,不易查找维护。
在这里插入图片描述
在这里插入图片描述

2. 解决方法#

拆分路由:#

在 router 文件夹中创建新的文件
在这里插入图片描述

shoppingMallBusiness.js 文件#

里面还按照正常路由写法
在这里插入图片描述

index.js 文件#

引入
在这里插入图片描述

const router = new Router({
routes: [
...shoppingMallBusiness, // 电商商户端
],
})
vue 路由拆分
https://qingge-cabana.vercel.app/posts/vue-路由拆分-108103240/
作者
清阿哥
发布于
2020-08-19
许可协议
CC BY-NC-SA 4.0

评论 待开启

评论基于 GitHub Discussions(Giscus)。仓库推送并开启 Discussions 后,在 giscus.app 获取 repoId / categoryId ,填入 src/config.tsgiscusConfig 即可。

  • 目标仓库: HHQ-666/qingge-blog
  • 详细步骤见项目 docs/DEPLOY.md 第二节