【无标题】

nginx配置:

bash 复制代码
upstream cm_doc_compose {
	server 169.254.197.100:8088;
}


server {
	listen 10013;  # 监听20012端口(前端访问端口)

	server_name _;  # 接受任何域名/IP访问

    	client_max_body_size 1024M;



	# 处理静态资源请求(匹配所有路径,优先查找文件)
	location / {

		# 静态资源根目录:指向React的build目录
		#root /usr/share/nginx/html/doc_compose;
		root /usr/local/openresty/nginx/html/doc_compose;

		# 默认索引页(访问根路径时加载index.html)
		index  index.html index.htm;

		# 尝试查找请求的文件/目录,找不到则返回index.html(支持SPA路由)
		try_files $uri $uri/ /index.html;
	}

	# 将 proxy_pass 放入 location 块中	
	location /api/ {
	proxy_pass http://cm_doc_compose/;  # 代理到 upstream 定义的后端服务
	# 设置代理超时时间
	proxy_connect_timeout 60s;    # 连接到后端服务器的超时时间
	proxy_send_timeout 60s;       # 向后端发送请求的超时时间
	proxy_read_timeout 600s;      # 从后端读取响应的超时时间(对于长请求很重要)

	# 建议添加以下常用代理头(可选但推荐)
	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_set_header X-Forwarded-Proto $scheme;
	}

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

}

问题:请求地址为http://10.104.255.20:10013/api/user/login, 那代理后的地址应该是访问,169.254.197.100:8088/user/login吧,但却是169.254.197.100:8088/api/user/login


解决方法:

现在的配置:

nginx 复制代码
proxy_pass http://cm_doc_compose;  # 末尾 没有 /

转发结果:
/api/user/login原样转发http://169.254.197.100:8088/api/user/login

改成这样(末尾加 /):

nginx 复制代码
proxy_pass http://cm_doc_compose/;  # 末尾 有 /

转发结果:
/api/user/login去掉 /api/http://169.254.197.100:8088/user/login


情况1:现在的写法(错误)

nginx 复制代码
location /api/ {
    proxy_pass http://cm_doc_compose;  # 无 /
}

规则:
把 location 匹配的路径,完整拼接到代理地址后面

请求:
/api/user/login

代理后:

http://cm_doc_compose + /api/user/login

http://169.254.197.100:8088/api/user/login


情况2:正确写法(加 /)

nginx 复制代码
location /api/ {
    proxy_pass http://cm_doc_compose/;  # 有 /
}

规则:
把 location 匹配的 /api/ 替换掉,只转发后面的路径

请求:
/api/user/login

代理后:

http://cm_doc_compose/ + user/login

http://169.254.197.100:8088/user/login


✅ 只需要改这一行

把:

nginx 复制代码
proxy_pass http://cm_doc_compose;

改成:

nginx 复制代码
proxy_pass http://cm_doc_compose/;

就这一个斜杠,决定了你的接口能不能通!


✅ 改完后的完整正确配置

nginx 复制代码
location /api/ {
    proxy_pass http://cm_doc_compose/;  # 这里加了 /

    proxy_connect_timeout 60s;
    proxy_send_timeout 60s;
    proxy_read_timeout 600s;

    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_set_header X-Forwarded-Proto $scheme;
}

🚀 重启 Nginx 即可生效

bash 复制代码
nginx -t
nginx -s reload

总结

  • proxy_pass 末尾无 / :完整拼接路径 → 带 /api → 404
  • proxy_pass 末尾有 / :替换路径 → 去掉 /api → 正常访问

现在的问题是少了这个 /**!

相关推荐
fatcoder9 小时前
玩转Nginx 09 — 运维排障:三场"火灾"实战演练
前端·后端·nginx
moMo11 小时前
从“巨轮”到“本地开发”:用 Docker 和 Nginx 解决你的端口焦虑
nginx·docker
蜀道山老天师13 小时前
Zabbix监控Apache与Nginx应用实践完整指南
linux·运维·nginx·apache·zabbix
北城笑笑15 小时前
Server 18 ,Nginx + Vite 前端部署排错实战:从 `/api/gpt/chat` 404 到 9012 后端服务的完整定位过程
linux·运维·前端·nginx·ubuntu·vue
陈聪.16 小时前
Nginx 全面解析:从基础到高级应用
运维·nginx
fatcoder1 天前
玩转Nginx 04 — 反向代理:给 nginx 接上后端
前端·后端·nginx
fatcoder2 天前
玩转Nginx 03 — location 匹配规则:让不同的路径各回各家
前端·后端·nginx
王坊兴2 天前
Ubuntu 部署产品原型静态服务器:SFTP + Nginx
服务器·nginx·ubuntu
烬羽2 天前
nginx 里写 localhost 反而 502?一条请求带你彻底搞懂 Docker 端口映射与反向代理
nginx·docker·程序员
小林ixn2 天前
Docker + Nginx 反向代理:从“我电脑能跑”到“哪里都能跑”
nginx·docker·容器