温馨提示×

nginx怎么部署前后端分离的项目

小亿
124
2023-09-28 00:58:46
栏目: 编程语言

要部署前后端分离的项目,你可以按照以下步骤来配置NGINX。

  1. 安装NGINX:首先确保你的服务器上已经安装了NGINX。可以使用包管理工具(如apt、yum等)来安装NGINX。

  2. 配置NGINX:编辑NGINX的配置文件,一般位于 /etc/nginx/nginx.conf。在http块中添加以下配置:

server {
listen 80;
server_name example.com;  # 替换为你的域名
location / {
root /path/to/frontend;  # 替换为前端代码的路径
index index.html;
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://localhost:3000;  # 替换为后端服务的地址和端口
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
}
}

这个配置中,前端代码会被放在指定的路径下(例如 /path/to/frontend),NGINX会把所有非 /api/ 开头的请求都指向前端代码,并且会把 /api/ 开头的请求代理到后端服务(例如 http://localhost:3000)。

  1. 重新加载NGINX配置:保存配置文件并重新加载NGINX,使新的配置生效。
sudo nginx -t  # 检查配置文件是否正确
sudo systemctl reload nginx  # 重新加载NGINX配置

这样就完成了NGINX的配置,前端代码会被部署在指定的路径下,并通过NGINX的配置进行访问。同时,后端服务会通过NGINX的代理功能进行访问。请根据实际情况修改配置中的路径、域名和端口等信息。

0