反向代理和正向代理的区别就是： 正向代理代理客户端，反向代理代理服务器。

项目： 使用nginx反向代理  199.168.199.203 直接跳转到 199.168.199.188

1. 由于这里是多个端口代理到同一端口的不同目录上，在vue项目的vue.config.js中需要重新配置子路径。

2. 先部署发布到  199.168.199.188 上，确保能够访问。

这里需要注意的是，在npm run build 打包项目丢到服务器中的时候需要注意一下：

3. 将所有的静态资源包（除了index.html）放到新建的oa文件夹中。（如果不这么做，发布的时候会报找不到静态资源的错误）

4. 确保部署成功，能够访问，再去199.168.199.203做代理配置。

5. 多端口访问，这里只需要配置 location/oa 的参数就行。

6. 最后访问 199.168.199.203:60/oa/index.html

遇到的坑：

1. 这里发布的时候仍然无法访问，最后发现是因为nginx没有读取我的配置。解决：这时候停掉nginx 重新启动。