【本地调试】使用 Nginx 和 Hosts 文件实现本地开发调试请求转发

可以按照以下 nginx 配置来设置,通过 nginx 和 host 将网页的请求转发到本地的后端服务器,以方便本地开发调试

一、nginx 配置

conf 复制代码
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/json;

    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       8080;	# 这里替换成开发/测试的实际端口
        server_name  your-domain.com;  # 将 your-domain.com 替换为你的实际域名

        error_log /path/to/your/error.log error;  # 将 /path/to/your/error.log 替换为你的实际路径

        location / {
            # 将所有请求转发到本地服务器
            proxy_pass http://127.0.0.1:9006/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

说明

  1. server_name : 将 your-domain.com 替换为你的实际域名。
  2. error_log : 将 /path/to/your/error.log 替换为你的实际日志路径。
  3. proxy_set_header: 这些指令设置了必要的请求头信息,确保请求正确地转发到本地服务器。
  4. error_pagelocation = /50x.html: 配置自定义的错误页面路径。

二、配置 hosts 文件

这里推荐使用 switchhosts 进行 hosts 的编辑,比较方便。

为了让本地开发能够正确地解析到的 Nginx 服务器,需要在本地 hosts 文件中添加一条记录。以管理员身份编辑 hosts 文件,并添加以下内容:

复制代码
127.0.0.1    your-domain.com

your-domain.com 替换为你的实际域名。

三、重启 nginx

例如,mac 通过 brew 安装的 nginx,通过 brew services restart nginx 命令重启 nginx。

相关推荐
C_心欲无痕4 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
徐同保4 小时前
nginx转发,指向一个可以正常访问的网站
linux·服务器·nginx
C_心欲无痕9 小时前
nginx - 开启 gzip 压缩
运维·前端·nginx
C_心欲无痕14 小时前
nginx - 核心概念
运维·前端·nginx
洋葱 ☠17 小时前
极简部署linux免费ssl证书Let‘s Encrypt,自动续签,nginx/apache都可以,域名指向服务器即可,无需项目
linux·nginx·ssl
shenghuiping200118 小时前
OPSWAT https enable 问题解决
nginx·https·ssl·443·opswat
oMcLin18 小时前
如何在Ubuntu 22.04上通过调优Nginx和PHP‑FPM,提升高并发WordPress网站的负载均衡与缓存性能?
nginx·ubuntu·php
五仁火烧1 天前
Vue3 项目的默认端口行为
服务器·vue.js·nginx·容器·vue
oMcLin1 天前
如何在 RHEL 7 上优化 Nginx 与 PHP‑FPM 配置,确保高并发 Web 应用的稳定性与响应速度?
前端·nginx·php
鲨莎分不晴1 天前
Nginx 部署前端项目实战指南
运维·前端·nginx