react 启动后如何退出

在 React 应用中，退出或关闭应用通常涉及以下几种场景和方法：

开发环境退出

在开发模式下，通过 npm start 或 yarn start 启动的 React 开发服务器可以通过以下方式终止：

• 在终端中按下 Ctrl + C（Windows/Linux）或 Command + C（Mac），确认终止操作。
• 如果使用图形化工具（如 VS Code 的终端），直接关闭终端窗口或点击停止按钮。

生产环境关闭

对于部署后的 React 应用（如通过 npm build 生成的静态文件）：

• 若运行在本地服务器（如 serve 或 http-server），同样使用 Ctrl + C 终止进程。
• 若部署在云服务或容器中，需通过对应平台的管理界面或命令行工具停止服务（如 docker stop 或云平台的控制台操作）。

应用内退出功能

若需在应用内实现退出逻辑（如 Electron 或移动端混合应用）：

// Electron 示例
const { app } = require('electron');
function exitApp() {
  app.quit();
}

// React Native 示例（需配合原生模块）
import { BackHandler } from 'react-native';
BackHandler.exitApp();

浏览器标签页关闭

纯前端 React 应用无法直接控制浏览器关闭，但可通过 API 提示用户：

window.close(); // 仅限通过 window.open() 打开的窗口
// 或显示自定义提示
alert('请手动关闭标签页或浏览器');

注意事项：

• 浏览器安全策略限制前端脚本主动关闭非脚本打开的窗口。
• 生产环境需确保资源释放和状态保存（如清理本地存储或发送退出日志）。