### 我们的建议 在前面的文档中我们让创建四个网站 ![](https://img.kancloud.cn/23/21/2321c651b18f6db55e6c25d5d80c65b1_1496x520.png) 这种方式适合线上运营,一个网站仅仅运行一个项目。 ### 个别开发需求需要将前端项目部署在一个nginx下使用目录区分 也就是下面这样的访问方式 WEBPC管理端 http://domain:port/admin H5商城 http://domain:port/h5 甚至更多。 那么基于Crmeb java版本的项目该如何实现上面的需求呢? ### 需求 在同一个nginx目录下存放admin 和 h5 admin path = admin h5 path = h5 目录仅为实例 如果有需求请已自己的目录名称为准,这里仅做示例 ### WEB PC 管理端 代码修改 vue.config.js ![](https://img.kancloud.cn/4e/61/4e61c303b97ec53fd0c68fc030eb8f20_3224x1864.png) src/router/index.js ![](https://img.kancloud.cn/37/fa/37fa66f7f25855299be17f794361456c_3314x1852.png) src/components/ueditorForm/index.vue ![](https://img.kancloud.cn/d9/fc/d9fcb88015df73aa22a6b1e6e1f4eb79_3420x1862.png) ### H5 端 manifest.json 文件 ![](https://img.kancloud.cn/b1/97/b197a6f6413d9a4400d30144e3c6ea8f_2200x1980.png) pc端兼容样式目录 ![](https://img.kancloud.cn/3a/a9/3aa9438a7a964ef7934c23427540899f_2174x1984.png) ### nginx 配置示例 ![](https://img.kancloud.cn/37/c2/37c28dc2760cd04fcea149c3cd38fc00_1324x1422.png) ### 最终实现的结果 ![](https://img.kancloud.cn/2f/fe/2ffe57f490811dfb8422543e87f45521_2686x1870.png) ![](https://img.kancloud.cn/da/07/da0743c905520f9933604fa9b73cb414_862x1572.png)