如何在React.js和Next.js应用中模拟HTTP 500错误？

后端代码临时触发 #

直接在测试环境加个临时接口/代码片段抛出500错误：

• PHP：header("HTTP/1.1 500 Internal Server Error"); die();
• Node.js（Express）：app.get('/test-500', (req, res) => res.status(500).end());
• Django：from django.http import HttpResponseServerError; return HttpResponseServerError()

服务器配置快速模拟 #

不用改代码，直接通过服务器配置加个测试路径：

• Apache：在测试目录的.htaccess里加一行 RewriteRule ^test-500$ - [R=500,L]，访问对应域名下的/test-500路径即可触发
• Nginx：在server配置块中添加 location /test-500 { return 500; }，重载配置后访问该路径

验证要点 #

• 务必在测试环境操作，绝对不要碰生产环境
• 清理浏览器缓存后再访问，避免看到缓存的旧页面
• 查看服务器日志确认错误状态码确实是500，同时检查自定义页面的静态资源（CSS/JS）是否正常加载

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