Nginx无法返回JSON响应，单页应用路由与接口兼容配置求助

我帮你排查下问题根源，直接给你可行的解决方案：

问题出在哪？ #

你当前的配置有两个致命小错误：

1. proxy_pass路径写错了：在/jsonendpoint的location块里，proxy_pass http://myapplication/末尾的斜杠会让Nginx把请求里的/jsonendpoint给砍掉，直接转发到后端的根路径http://myapplication/，这就导致后端收不到/jsonendpoint的请求，自然要么返回HTML（原配置里try_files兜底）要么404（注释try_files后）。
2. 规则匹配顺序不对：原配置里先写了location /，虽然Nginx理论上会优先匹配更长的前缀/jsonendpoint，但因为第一个location里的try_files规则太强势，加上proxy_pass的错误，导致API请求被误处理成了SPA路由。

修正后的完整配置 #

server {
    root /home/myapplication/server/public;

    # 先处理API接口，优先匹配
    location /jsonendpoint {
        proxy_pass http://myapplication/jsonendpoint;  # 去掉末尾斜杠，或者直接写全路径
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        default_type application/json;
        proxy_redirect off;
    }

    # 再处理SPA的前端路由
    location / {
        # 如果你的SPA是静态文件（比如build后的React/Vue），只用这行就行：
        try_files $uri $uri/ /index.html;
        
        # 如果SPA是后端服务（比如Node.js SSR），保留下面的proxy_pass：
        # proxy_pass http://myapplication/;
        # proxy_redirect off;
    }
}

关键调整说明 #

• 调换location顺序：把API的location放在前面，确保Nginx先匹配API请求，不会被SPA的路由规则拦截。
• 修复proxy_pass：要么去掉末尾的斜杠（proxy_pass http://myapplication），要么明确写出完整的后端接口路径，这样Nginx才会把请求正确转发到后端的/jsonendpoint接口。
• SPA路由兜底：try_files规则负责处理前端路由，当请求的文件/目录不存在时，返回index.html让前端框架接管路由逻辑。

验证步骤 #

1. 重启Nginx让配置生效：sudo nginx -s reload
2. 测试API接口：

   curl -i -H "Accept: application/json" http://example.com/jsonendpoint
   

   现在应该能拿到正确的Content-Type: application/json; charset=utf-8响应了。
3. 验证SPA路由：访问example.com和其他前端路由（比如example.com/dashboard），确认页面都能正常加载。

这样配置后，SPA路由和JSON接口就能同时正常工作啦~

内容的提问来源于stack exchange，提问作者Simpleton