nginx配置多项目

之前买云服务器部署了一个vue项目到服务器，然后最近又想把写的react项目部署上去，于是开始琢磨nginx如何配置多个项目的访问。

1、预期效果

访问106.53.78.195/vue 跳转到vue项目
访问106.53.78.195/react 跳转到react项目

2、nginx的配置

2.1 找到serve配置项

如果直接百度nginx相关的配置时，很多回答都让修改nginx.conf文件里面的serve配置项，but！！！直接vim /etc/nginx/nginx.conf进入配置文件夹是没有这个serve配置项的。
这个时候我们注意到nginx.conf的最后一行，

看include这儿，又指向了conf.d这个文件夹下的 * ，然后机智的我们打开这个文件夹，果然里面有一个default.conf里面终于有serve配置项了。

2.2 配置多项目

在serve配置项中添加如下代码

# vue项目
location /vue { //网页路径，例如，当前项目的完整url是  http://106.53.78.195/vue/
    alias /project/vue/fontend/dist;
    // 存储文件的路径，我当前的前端项目源码是存放在 root/project/vue/fontend/dist下
    index  index.html index.htm;
    // 如果你的html文件名是index.html，就输入index index.html index.hml,如果你修改了首页文件名字，则对应的修改此处的文件名字
}