一个nginx部署两个vue项目

Nginx 是一款高性能的 Web 服务器，同时也是一款反向代理服务器，支持负载均衡、动静分离、HTTP 缓存等多种功能。在实际项目中，我们经常需要部署多个 Vue 项目，利用 Nginx 可以简单地实现这个功能。

在部署两个 Vue 项目时，我们需要在服务器上分别部署两个不同的 Vue 项目，并分别启动它们的服务端口。同时，在 Nginx 的配置文件中添加两个 server 配置，分别配置两个 Vue 项目所使用的域名或者 IP 地址、端口和访问路径等相关信息，如下：

server {
    listen 80;
    server_name vueproject1.com;
    location / {
        proxy_pass http://localhost:3000;
        ...
    }
}

server {
    listen 80;
    server_name vueproject2.com;
    location / {
        proxy_pass http://localhost:4000;
        ...
    }
}

以上面的配置为例，我们可以看到，在 Nginx 的配置文件中，我们针对这两个 Vue 项目分别配置了 server 块，代表了两个不同的虚拟主机。每个 server 块中包含了监听的端口和域名信息，以及访问路径的配置，其中 location / 表示默认的访问路径。

对于每个 server 块中的 location 配置，我们可以使用 proxy_pass 参数来指定要代理的服务地址，即代表 Vue 项目服务的端口号。这样就可以在 Nginx 中实现两个 Vue 项目的反向代理和访问了。

最后，需要注意的是，在 Nginx 的配置文件修改完成后，需要重新加载配置，使其生效。可以使用 nginx -s reload 命令来重新加载 Nginx 的配置文件。