项目二级目录部署（Vue）

问题描述一个项目有后台系统和h5内容，后台需要前端添加二级目录进行区分。有两个前端项目需要映射。一般有以下三种方法：1.不同域名的映射；2.不同端口号的映射；3.与不同二级目录的映射。当时项目的接口是IP+端口号的形式，而两个项目的IP+端口号是完全一样的，所以前两种方式都不可行，前端需要添加二级目录。以上原因是我问了后端大佬后自己总结的。如果表述有问题，请留言指出。解决方案说明：此解决方案适用于Vue项目。1、在入口文件index.html文件中添加；2.修改config/index.js文件中的assetsPublicPath:'/xxx/'（使用Cli3搭建的项目应该在vue.config.js文件中修改publicPath:'/xxx/'）；3、修改src/router/index.js文件中的base:'/xxx/'，如下图。4、修改Nginx配置（后台配置）：server{listen9900;服务器\_名称本地主机；location/lend{try\_files$uri$uri//xxx/index.html;}}