如何在Hostinger虚拟主机部署MERN项目？是否必须使用VPS？

是否必须使用VPS？ #

不需要。只要你的Hostinger虚拟主机套餐支持Node.js环境（多数现代套餐都提供），就可以直接部署MERN应用，无需额外购买VPS。

能否用虚拟主机部署？ #

可以，但需要将MERN拆分为前端（React）和后端（Node.js+Express+MongoDB）两部分分别部署，因为虚拟主机对静态文件和后端服务的处理方式不同。

具体部署步骤 #

部署前准备 #

• 确认Hostinger支持Node.js：登录后台，进入Hosting→Manage→Advanced→Node.js，能看到版本管理界面即支持。
• 打包React前端：本地项目根目录执行npm run build，生成静态文件所在的build文件夹。
• 配置后端：确保后端已用cors中间件处理跨域，将MongoDB连接字符串替换为远程地址（比如MongoDB Atlas的链接，不要用本地mongodb://localhost）。

1. 部署React前端 #

• 登录Hostinger文件管理器，进入public_html目录（域名对应的根目录）。
• 将本地build文件夹内的所有文件上传到public_html下；若需子路径访问，可创建子文件夹后上传。

2. 部署Node.js后端 #

• 进入Hostinger的Node.js管理界面，点击Create Node.js App：
  • 设置应用名称（如mern-backend）。
  • 选择与本地开发一致的Node.js版本。
  • 指定应用根目录（如backend，会在home/你的用户名/backend下创建）。
  • 点击Create等待创建完成。
• 通过FTP或文件管理器，将本地后端项目文件（排除node_modules和.env）上传到上述后端目录。
• 返回Node.js管理界面，找到你的后端应用并点击Manage：
  • 在Environment Variables中添加所需环境变量，比如MONGODB_URI（MongoDB连接串）、CORS_ORIGIN（前端域名，如https://yourdomain.com）、PORT（Hostinger允许的端口）。
  • 点击Install Dependencies，自动执行npm install安装依赖。
  • 点击Start App启动服务，此时会生成后端访问地址（如https://yourdomain.com:3000）。

3. 配置前后端连接 #

• 在本地React项目中，将API请求的基础URL修改为后端线上地址（比如把axios.defaults.baseURL = 'http://localhost:5000'改为后端实际地址），重新执行npm run build后上传更新静态文件。

4. 测试验证 #

• 访问你的域名，检查前端是否正常加载；测试登录、数据请求等交互功能，确认前后端通信正常。

注意事项 #

• 若Hostinger套餐不支持Node.js，可升级套餐或联系客服开启。
• 后端服务意外停止时，可在Node.js管理界面手动重启。
• 虚拟主机通常不提供本地MongoDB服务，建议使用MongoDB Atlas等云数据库。

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