本文目录导读：
屏蔽或隐藏报错信息需要根据具体场景和安全需求谨慎处理,以下是几种常见场景的屏蔽方法：
Web 前端（浏览器）
使用 try-catch 捕获错误
try {
// 可能出错的代码
riskyFunction();
} catch (error) {
// 不输出错误，或只记录到日志
console.error = () => {}; // 覆盖控制台输出
// 或者完全静默
}
全局错误捕获
// 屏蔽所有 JS 错误
window.onerror = function(message, source, lineno, colno, error) {
return true; // 返回 true 阻止默认错误处理
};
// 屏蔽 Promise 错误
window.addEventListener('unhandledrejection', function(event) {
event.preventDefault();
});
后端（Node.js / Python / Java）
Node.js
// 全局异常处理
process.on('uncaughtException', (err) => {
console.error = () => {}; // 不输出
// 或者记录到文件
logger.error(err);
});
// 隐藏 express 错误堆栈
app.use((err, req, res, next) => {
res.status(500).json({ error: '内部错误' }); // 不返回具体错误信息
});
Python (Flask/Django)
# Flask 生产模式
app.config['DEBUG'] = False
app.config['PROPAGATE_EXCEPTIONS'] = False
# 自定义错误处理
@app.errorhandler(500)
def handle_error(e):
return jsonify({"error": "服务器错误"}), 500
Java (Spring Boot)
# application.properties server.error.include-stacktrace=never server.error.include-message=never
框架级屏蔽
Vue.js
// 生产模式自动屏蔽
Vue.config.productionTip = false;
Vue.config.errorHandler = (err, vm, info) => {
// 不输出或记录
};
React
// 错误边界组件
class ErrorBoundary extends React.Component {
componentDidCatch(error, info) {
// 不显示错误
}
render() {
return this.props.children;
}
}
系统/环境级别
浏览器控制台
// 覆盖 console 方法
console.log = () => {};
console.warn = () => {};
console.error = () => {};
console.info = () => {};
Webpack 打包
// webpack.config.js
module.exports = {
devtool: false, // 不生成 source map
stats: 'errors-only' // 只显示错误
};
⚠️ 重要安全建议
-
生产环境：建议隐藏详细错误信息，避免泄露敏感数据（如数据库结构、文件路径、API密钥）。
-
开发环境：不应隐藏错误，方便调试。
-
替代方案：
- 使用专门的日志系统（如 Winston/Log4j）记录错误
- 暴露给用户的错误信息应简短且不包含敏感内容
- 使用监控工具（如 Sentry/New Relic）收集错误
最佳实践配置
// Node.js 生产环境示例
const isProduction = process.env.NODE_ENV === 'production';
if (isProduction) {
// 屏蔽详细错误
process.on('uncaughtException', (err) => {
console.error('未处理异常'); // 不输出具体信息
// 保存到日志文件
});
// 只暴露最小错误信息给用户
app.use((err, req, res, next) => {
res.status(500).json({
status: 'error',
message: '请求处理失败'
});
});
} else {
// 开发环境保留完整错误
app.use((err, req, res, next) => {
console.error(err.stack);
res.status(500).json({ error: err.message, stack: err.stack });
});
}
核心原则：错误信息应该对用户隐藏，但对开发者可追踪，不要完全禁用错误处理，而是转换为安全的日志记录。
