nginx部署多个前端项目

在 Nginx 上部署多个前端项目可以通过配置多个虚拟主机来实现。以下是一个示例配置：

server {
    listen       80;
    server_name  project1.com;

    location / {
        root   /var/www/project1;
        index  index.html;
    }
}

server {
    listen       80;
    server_name  project2.com;

    location / {
        root   /var/www/project2;
        index  index.html;
    }
}

在上面的示例中，我们定义了两个虚拟主机 `project1.com` 和 `project2.com`，并为每个虚拟主机配置了对应的根目录和索引文件。

你可以根据自己的实际需求进行配置，例如可以添加 SSL 证书支持，或者使用反向代理等方式来实现更多的功能。

相关问题

nginx部署多个前端项目基于端口配置

可以通过在 nginx 配置文件中添加多个 server 块来实现部署多个前端项目，每个 server 块监听不同的端口，并指向不同的前端项目目录。具体操作步骤如下：

1. 打开 nginx 配置文件，一般位于 /etc/nginx/nginx.conf 或 /usr/local/nginx/conf/nginx.conf。
2. 在 http 块中添加多个 server 块，每个 server 块监听不同的端口，例如：

http {
    ...
    server {
        listen 8001;
        server_name localhost;
        root /path/to/project1;
        index index.html;
    }

    server {
        listen 8002;
        server_name localhost;
        root /path/to/project2;
        index index.html;
    }
    ...
}

3. 保存配置文件并重启 nginx 服务，使配置生效。

win10 nginx部署1个端口多个前端项目

可以通过Nginx的反向代理来实现1个端口多个前端项目的部署。具体步骤如下：

1. 在Nginx的配置文件中添加多个server配置块，每个server配置块对应一个前端项目，示例：

server {
    listen       80;
    server_name  project1.com;
    location / {
        root   /path/to/project1;
        index  index.html;
    }
}

server {
    listen       80;
    server_name  project2.com;
    location / {
        root   /path/to/project2;
        index  index.html;
    }
}

2. 配置域名解析，将project1.com和project2.com解析到服务器IP地址上。

3. 启动Nginx服务，访问http://project1.com和http://project2.com即可访问对应的前端项目。

注意：如果前端项目中有使用到相对路径的资源，可能需要做一些额外的配置才能正常访问。