后端部署到tongweb上,前端部署到nginx上,前端怎么请求后端接口,如何配置?
时间: 2024-09-24 07:29:11 浏览: 48
在这样的架构中,前端通常通过HTTP(S)协议向后端API发起请求。前端部署在NGINX服务器上时,可以按照以下步骤配置:
1. **Nginx配置**:
- 首先,在Nginx的配置文件中(如`/etc/nginx/sites-available/your_project.conf`),创建一个新的虚拟主机(server block),指定前端应用的域名和路径。
```
server {
listen 80;
server_name your_domain.com;
location / {
root /path/to/frontend/dist; # 你的前端打包后的目录
index index.html index.htm;
try_files $uri $uri/ @proxy;
}
location @proxy {
proxy_pass http://your_backend_url; # 你的后端TONGWEB服务地址,通常是http://localhost:port
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. **跨域设置** (如果需要):
如果后端API需要跨域访问,可以在Nginx中添加允许特定来源的`Access-Control-Allow-Origin`头。
3. **重启Nginx**:
修改完配置后,记得使用`sudo nginx -s reload`命令重启Nginx使其生效。
4. **前端请求**:
现在前端可以直接通过URL `http://your_domain.com/api/endpoint` 来访问后端接口,这里的`api/endpoint`是后端实际提供服务的资源路径。
阅读全文