前端項目部署在一個nginx下通過目錄訪問 · CRMEB 單商戶Java版幫助文檔

### 我們的建議在前面的文檔中我們讓創建四個網站 ![](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)