nginx同域名下部署多个vue项目

一.需求

想要在同一个域名下部署多个前端项目，通过不同url来区分调用相应前端项目。
比如：部署项目a，项目b。想要效果如下。
浏览器输入：http://localhost:8082/a/，展示项目a。
浏览器输入：http://localhost:8082/b/，展示项目b。

二. 本地下载nginx服务器

http://nginx.org/en/download.html

三. nginx常用命令

1. 进入nginx安装目录，打开终端
2. 启动服务：start nginx
3. 停止服务：nginx -s stop nginx -s quit
4. 修改配置后重新加载生效：nginx -s reload
5. 查看nginx版本：nginx -v

四. nginx目录介绍

一般我们部署的时候，会把vue项目发布到html文件夹中，并且修改conf文件夹下的nginx.conf文件。