金猪脚本—前后端分离nginx如何配置

在这里插入图片描述
使用 Nginx 进行前后端分离时,需要将前端和后端的请求分别代理到对应的服务器上。以下是一个假设的示例,演示了如何配置 Nginx 将前端请求代理到一个 Node.js 后端服务器上:

假设你的前端静态文件放置在 /var/www/html 目录下,而你的 Node.js 后端服务器运行在本地的 http://localhost:3000 上。
首先,在 Nginx 的配置文件中添加一个 Server 块,用于监听前端请求,并将其代理到后端服务器。示例如下:

server {
listen 80;
server_name example.com;

location / {
    root /var/www/html;
    index index.html index.htm;
}

location /api {
    proxy_pass http://localhost:3000;
    proxy_set_header Host $$host;
    proxy_set_header X-Real-IP $$remote_addr;
}

}

listen :指定监听的端口,这里使用的是默认的 HTTP 端口 80。
server_name :你的域名或 IP 地址。
/var/www/html :前端静态文件的根目录。
location /api :匹配请求路径以 /api 开头的请求,即后端请求。
proxy_pass :将匹配到的请求代理到后端服务器的地址。
proxy_set_header :设置请求头部,确保 Host 和 X-Real-IP 在代理过程中正确传递。
保存配置文件后,重新加载 Nginx 配置。

sudo service nginx reload

确保你的 Node.js 后端服务器在本地 http://localhost:3000 上运行。

此时,当你在浏览器中访问 http://example.com ,Nginx 将会返回前端静态文件。当你访问 http://example.com/api ,Nginx 将会代理请求到 Node.js 后端服务器,在后端进行处理并返回响应。

根据具体情况做出相应的调整。这里的示例仅作为参考

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值