win10 nginx部署1个端口多个前端项目
时间: 2024-06-04 22:01:56 浏览: 8
可以通过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即可访问对应的前端项目。
注意:如果前端项目中有使用到相对路径的资源,可能需要做一些额外的配置才能正常访问。
相关问题
in10 nginx部署1个端口多个不同前端项目
可以通过Nginx的反向代理来实现1个端口多个不同前端项目的部署。
首先,在Nginx的配置文件中添加多个server,每个server对应一个前端项目。例如:
```
server {
listen 80;
server_name frontend1.example.com;
location / {
proxy_pass http://localhost:3000;
proxy_set_header Host $host;
}
}
server {
listen 80;
server_name frontend2.example.com;
location / {
proxy_pass http://localhost:4000;
proxy_set_header Host $host;
}
}
```
其中,每个server的listen端口都为80,即使用同一个端口进行部署。不同的前端项目通过不同的server_name进行区分。
然后,将每个前端项目部署到不同的端口上。在上面的例子中,前端项目1部署到了3000端口,前端项目2部署到了4000端口。
最后,重新加载Nginx的配置文件即可。
```
sudo nginx -s reload
```
这样,就可以通过访问不同的域名来访问不同的前端项目,而且都是通过同一个端口进行部署的。
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 服务,使配置生效。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)