SvelteKit Docker部署后跨域POST提交失败及页面加载异常排查

核心错误1：环境变量配置混乱 #

你在docker-compose.yml的frontend服务环境变量中，把启动命令和ORIGIN变量值混写在一起了：

environment:
  ORIGIN: http://localhost:3000 node build

这会导致ORIGIN的实际值变成http://localhost:3000 node build，完全不符合SvelteKit对ORIGIN变量的格式要求，直接触发了"Invalid body request"错误。

正确配置应该将环境变量与启动命令分离：

environment:
  ORIGIN: http://localhost:3000
  NODE_ENV: development

启动命令保留Dockerfile里的CMD ["node", "build"]即可。

核心错误2：Adapter-node服务监听范围限制 #

使用adapter-node部署时，默认服务仅监听127.0.0.1，容器外部无法正常访问，需要指定监听地址为0.0.0.0，可以二选一修改：

1. 修改Dockerfile启动命令：

   CMD ["node", "build", "--host", "0.0.0.0", "--port", "3000"]
   

2. 添加环境变量配置：
   在docker-compose的frontend环境变量中补充：

   HOST: 0.0.0.0
   PORT: 3000
   

跨域POST问题的补充说明 #

"Cross-site POST form submissions are forbidden"的解决核心是正确配置ORIGIN变量，它用于指定SvelteKit服务认可的合法来源地址。修正后的ORIGIN配置会让服务接受来自http://localhost:3000的请求，解除跨域POST的限制。

额外代码优化建议 #

你的+page.server.ts中，form.get('name')和form.get('password')可能返回null，直接与空字符串比较存在风险，建议调整为：

if (!name || !password) {
    throw redirect(307, '/');
}

另外，后端的depends_on: [db, frontend]仅保证容器启动顺序，不代表后端服务已就绪，建议给后端添加健康检查，避免前端发起请求时后端还未完成初始化。

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