前端dist文件存放在/usr/local/html/dist中 index.html为启动页 ,后端服务器地址为http://192.168.10.11:9151,怎么使用nginx配置服务器
时间: 2024-11-30 21:16:50 浏览: 22
如果你的前端应用程序已经打包到 `/usr/local/html/dist` 目录下,并且`index.html`作为默认启动页面,而后端服务器位于 `http://192.168.10.11:9151`,你可以按照以下步骤配置Nginx以处理静态资源和提供后端服务的代理:
首先,在Nginx的配置文件(通常是`/etc/nginx/nginx.conf` 或者`sites-available`文件夹下的某个特定配置文件)中,创建一个新的虚拟主机配置。假设你的域名是`yourdomain.com`,可以创建类似这样的配置:
```nginx
server {
listen 80; # 可以修改为443以支持HTTPS
server_name yourdomain.com;
root /usr/local/html/dist; # 设置静态资源根目录
index index.html; # 默认索引文件
# 当用户直接访问非后端路径时,访问静态内容
location / {
try_files $uri $uri/ =404;
}
# 对于后端API的请求,使用代理
location /api/ { # 假设后端API从/api/开始
proxy_pass http://192.168.10.11:9151;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}
```
在这里,我们设置了两个`location`块:
1. `/`:当用户访问网站时,Nginx会查找静态文件。
2. `/api/`:所有以`/api/`开头的请求会被代理到后端服务器。
阅读全文