nginx前端pc和H5用一个端口 怎么发布
时间: 2024-09-19 10:10:55 浏览: 26
在Nginx中,如果你想在一个端口同时处理PC浏览器访问和H5应用的请求,可以设置一个反向代理(Reverse Proxy)。以下是基本步骤:
1. **配置文件修改**:
- 打开Nginx的配置文件,通常位于`/etc/nginx/nginx.conf` 或 `nginx/sites-available/your-site.conf`。
- 在http、server或location块中添加一个新的location规则,比如这样:
```nginx
location / {
if ($request_uri ~* \.(html|htm|php)$) {
proxy_pass http://localhost:your-php-port; # PC页面的服务器地址
} else if ($request_uri ~* /api/) {
proxy_pass http://localhost:your-api-port; # H5 API的服务器地址
} else {
proxy_pass http://localhost:your-h5-port; # 默认H5应用的服务器地址
}
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
```
2. **端口映射**:
- 将`your-php-port`, `your-api-port`, 和 `your-h5-port`替换为实际的PHP应用、API服务和H5应用运行的端口。
3. **启用代理**:
- 保存并重启Nginx服务使其应用新的配置:
```
sudo service nginx restart
```
4. **测试**:
- 确保所有服务都在正确的端口上运行,并通过Nginx监听的公共端口访问网站。你可以分别尝试访问HTML页面、API接口以及H5应用。