项目二级目录部署（Vue）

问题描述

一个项目有后台系统，还有h5内容，后端要求前端加二级目录进行区分。

产生原因

有两个前端项目要进行映射，一般情况下有三种方法：
1、域名不同进行映射；
2、端口号不同进行映射；
3、二级目录不同进行映射。
当时项目的接口时IP+端口号的形式，两个项目的IP+端口号完全相同，所以前两种方法不可行，需要让前端加二级目录。
以上原因是询问过后端大佬后，自己总结的，如果表述有问题，欢迎留言指出。

解决方案

注：该方案针对的是Vue项目。
1、在入口文件index.html文件中添加<meta base="/xxx/">;
2、在config/index.js文件修改assetsPublicPath: '/xxx/'（用Cli3搭建的项目，应该是在vue.config.js文件修改publicPath: '/xxx/'）;
3、在src/router/index.js文件中修改base: '/xxx/',如下图。

4、在Nginx配置修改（后端配置）：

server {
    listen 9900;
    server\_name localhost;
    location /lend {
        try\_files $uri $uri/ /xxx/index.html;
    }
}