Docker部署全栈Postgres应用：表单数据无法写入数据库求助

核心问题分析 #

本地运行正常，但Docker环境中表单提交后仅跳转感谢页，无数据库记录，且控制台未打印submitted日志，说明前端请求可能未成功收到后端200响应，或后端数据写入环节出现静默失败。

排查与修复步骤 #

1. 补全前端错误日志，定位请求状态 #

当前前端onSubmit的catch块为空，请求失败时无任何提示，无法判断问题根源。修改代码：

const onSubmit = async (data) => {
    console.log('Form Data:', data);

    try {
      const response = await axios.post(apiSubmit, data)

      if (response.status === 200) {
        navigate('/Thankyou')
        console.log('submitted');
      }
    } catch (error) {
      // 打印完整错误信息，包括后端返回的错误内容
      console.error('提交失败:', error.response?.data || error.message);
    }
};

运行后查看浏览器控制台，即可明确请求是超时、404还是500错误。

2. 修正Docker环境下的数据库连接地址 #

本地环境的DATABASE_URL通常用localhost，但Docker容器内需要指向db服务名（对应docker-compose中数据库服务的名称）。

确保后端.env文件中的DATABASE_URL格式为：

DATABASE_URL=postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB}

例如：

DATABASE_URL=postgres://myuser:mypassword@db:5432/mycontactdb

3. 补全数据库连接与同步的错误日志 #

当前后端数据库操作的错误日志缺失，即使连接或同步失败也无法察觉。修改以下两处代码：

数据库连接文件（sequelize.js）：

import { Sequelize } from 'sequelize';
import dotenv from 'dotenv';

dotenv.config();

const sequelize = new Sequelize(process.env.DATABASE_URL, {
  dialect: 'postgres',
  logging: false,
});

// 验证数据库连接状态
sequelize.authenticate()
  .then(() => console.log('✅ 数据库连接成功'))
  .catch(err => console.error('❌ 数据库连接失败:', err));

export default sequelize;

数据库同步文件：

import sequelize from '../sequelize.js';

const syncDatabase = async () => {
  try {
    await sequelize.sync();
    console.log('✅ 数据库表同步完成');
  } catch (error) {
    console.error('❌ 数据库表同步失败:', error);
  }
};

syncDatabase();

export default syncDatabase;

启动容器后查看server日志，确认连接和同步是否成功。

4. 确保数据库完全就绪后再启动后端 #

depends_on仅保证服务启动顺序，不保证数据库完全可用。给数据库服务添加健康检查，让后端等待数据库就绪后再启动：

修改docker-compose.yml：

version: '3'
services:
  server:
    build:
      context: ./server
      dockerfile: Dockerfile
    ports:
      - "8080:8080"
    environment:
      - DATABASE_URL=${DATABASE_URL}
    depends_on:
      db:
        condition: service_healthy  # 等待数据库健康检查通过
    links:
      - db

  client:
    build:
      context: ./client
      dockerfile: Dockerfile
    ports:
      - "3000:3000"
    depends_on:
      - server
    environment:
      - REACT_APP_API_URL=${REACT_APP_API_URL}

  db:
    image: postgres:latest
    environment:
      POSTGRES_USER: ${POSTGRES_USER}
      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
      POSTGRES_DB: ${POSTGRES_DB}
    ports:
      - "5432:5432"
    volumes:
      - postgres_data:/var/lib/postgresql/data
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
      interval: 5s
      timeout: 5s
      retries: 5

volumes:
  postgres_data:

5. 检查前端API地址是否正确 #

前端在浏览器中运行，无法直接使用Docker容器名server访问后端，需使用主机的端口映射地址。确保前端.env文件中的REACT_APP_API_URL设置为：

REACT_APP_API_URL=http://localhost:8080/api/your-submit-endpoint

替换your-submit-endpoint为实际的后端接口路径。

6. 确认后端已配置请求体解析 #

如果后端未配置express.json()，req.body会是空对象，导致Contact.create写入空数据（若模型字段允许为空）且无报错。在后端主文件中添加：

import express from 'express';
const app = express();

// 解析JSON格式的请求体
app.use(express.json());

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