【无标题】

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 → 正常访问

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

相关推荐
Aipollo10 小时前
从Nginx到AI网关:网关技术的演进之路
运维·人工智能·nginx
薛定谔的猫喵喵13 小时前
【从 HTTP 到 HTTPS】Flask 多项目迁移到 Nginx 子路径完整实战
python·nginx·http·https·flask·ssl
cvcode_study14 小时前
Nginx 基础
运维·nginx
福大大架构师每日一题15 小时前
nginx 1.31.1 发布:一次安全修复驱动的主线升级,涉及 Rewrite、HTTP/2、Mail、MP4 与工作流修正
nginx·安全·http
Shawn Dev15 小时前
使用 Certbot 为 Nginx 自动申请 HTTPS 证书并配置自动续签
运维·nginx·https
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ16 小时前
docker重新加载docer-compose.yml文件(nginx配置)
nginx·docker·eureka
Yana.nice16 小时前
nginx+tomcat环境下,nginx对后端Tomcat实例的健康检查机制
运维·nginx·tomcat
難釋懷16 小时前
Nginx动静分离
运维·nginx·firefox
Yana.nice16 小时前
Nginx 实现会话保持(Session Persistence)
运维·nginx