拆分出多个项目并部署在同一域名下

目前公司的一个项目中包含多个子项目，并且是在一个项目中启动，这导致了每次jenkins每次构建都要重复构建没有变动过的子项目，造成不必要的操作。
所以需求是把项目中的多个子项目单独拆开，并且部署在同一域名下，多个子项目共用一个登录页。
各个子项目虽然是 独立开发，独立部署的，这样一来就有一个问题，子项目是没有登录的，在生产环境下是可以在同一域名下跳到登录页，但是开发环境的话，需要登录验证的话该怎么办呢？
这个问题我暂时还没想到特别好的解决办法，只是在线上登录一下，取得token，放到本地缓存里…希望得到各位大神指点。

1. 在子项目的router中设置 base，给域名后多加一个子项目的路径名称

import Router from "vue-router";

export default new Router({
   
  base