如何实现MERN应用（Node后端+React前端）开机自动启动？

这个方案完全可行，本质就是把本地项目配置成开机自启的服务/应用，下面分不同操作系统给你具体操作步骤：

一、前期准备 #

• 确保每台电脑都安装了Node.js和npm（或yarn/pnpm），版本和开发环境一致
• 把Todo项目完整复制到每台电脑的固定路径，比如C:\todo-app（Windows）或~/todo-app（macOS/Linux）
• 先手动测试项目能正常运行：后端执行npm start，前端执行npm run start（根据你的package.json脚本调整）

二、Windows系统实现方法 #

1. 后端Node服务自启 #

• 创建一个批处理文件start-backend.bat，内容如下：

@echo off
cd /d "C:\todo-app\backend"  // 替换成你的后端项目路径
call npm start

• 按Win+R输入shell:startup，打开开机启动文件夹，把这个bat文件复制进去
• 若需要后台运行（不显示命令行窗口），可以创建VBS脚本：

Set WshShell = CreateObject("WScript.Shell")
WshShell.Run """C:\todo-app\start-backend.bat""", 0
Set WshShell = Nothing

把这个VBS文件放到开机启动文件夹即可

2. React前端自启 #

React开发环境默认带热重载的开发服务器，同样用bat脚本实现：

@echo off
cd /d "C:\todo-app\frontend"  // 替换成你的前端项目路径
call npm run start

同样放到开机启动文件夹，或用VBS实现后台运行

三、macOS系统实现方法 #

用launchd配置开机自启服务：

1. 后端Node服务 #

• 创建plist文件com.yourcompany.todo-backend.plist，路径~/Library/LaunchAgents/：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Label</key>
    <string>com.yourcompany.todo-backend</string>
    <key>ProgramArguments</key>
    <array>
        <string>/usr/local/bin/node</string>  // 替换成你的node路径，用`which node`查看
        <string>/Users/yourname/todo-app/backend/server.js</string>  // 替换成后端入口文件路径
    </array>
    <key>WorkingDirectory</key>
    <string>/Users/yourname/todo-app/backend</string>
    <key>RunAtLoad</key>
    <true/>
    <key>KeepAlive</key>
    <true/>
    <key>StandardOutPath</key>
    <string>/Users/yourname/todo-app/backend/logs/out.log</string>
    <key>StandardErrorPath</key>
    <string>/Users/yourname/todo-app/backend/logs/error.log</string>
</dict>
</plist>

• 加载服务：launchctl load ~/Library/LaunchAgents/com.yourcompany.todo-backend.plist
• 测试启动：launchctl start com.yourcompany.todo-backend

2. React前端 #

同样创建plist文件com.yourcompany.todo-frontend.plist：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Label</key>
    <string>com.yourcompany.todo-frontend</string>
    <key>ProgramArguments</key>
    <array>
        <string>/usr/local/bin/npm</string>
        <string>start</string>
    </array>
    <key>WorkingDirectory</key>
    <string>/Users/yourname/todo-app/frontend</string>
    <key>RunAtLoad</key>
    <true/>
    <key>KeepAlive</key>
    <true/>
    <key>StandardOutPath</key>
    <string>/Users/yourname/todo-app/frontend/logs/out.log</string>
    <key>StandardErrorPath</key>
    <string>/Users/yourname/todo-app/frontend/logs/error.log</string>
</dict>
</plist>

• 执行加载、测试启动的步骤和后端一致

四、Linux系统实现方法 #

用systemd服务配置：

1. 后端Node服务 #

• 创建服务文件todo-backend.service，路径~/.config/systemd/user/：

[Unit]
Description=Todo App Backend
After=network.target

[Service]
Type=simple
WorkingDirectory=/home/yourname/todo-app/backend
ExecStart=/usr/bin/node server.js  // 替换成node路径和入口文件
Restart=always
RestartSec=10
StandardOutput=append:/home/yourname/todo-app/backend/logs/out.log
StandardError=append:/home/yourname/todo-app/backend/logs/error.log

[Install]
WantedBy=default.target

• 重新加载服务：systemctl --user daemon-reload
• 设置开机自启：systemctl --user enable todo-backend.service
• 启动服务：systemctl --user start todo-backend.service

2. React前端 #

创建服务文件todo-frontend.service：

[Unit]
Description=Todo App Frontend
After=network.target

[Service]
Type=simple
WorkingDirectory=/home/yourname/todo-app/frontend
ExecStart=/usr/bin/npm start
Restart=always
RestartSec=10
StandardOutput=append:/home/yourname/todo-app/frontend/logs/out.log
StandardError=append:/home/yourname/todo-app/frontend/logs/error.log

[Install]
WantedBy=default.target

• 同样执行重载、启用、启动命令

五、注意事项 #

• 每台电脑的项目路径要一致，避免脚本找不到文件
• 提前创建日志文件夹，方便排查启动失败的问题
• 如果前端是生产构建后的静态文件，可以用Nginx或Apache托管，比开发服务器更稳定，自启配置逻辑类似
• 定期用Git拉取更新同步各电脑的项目代码，避免版本不一致

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