需在同一项目中并行启动前端和后端服务:前端在client/目录运行npm start,后端在server/目录运行npm run dev;Codex通过会话管理器隔离执行,支持端口检测与跨域请求验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要在同一个项目里让前端开发服务器和后端 API 服务同时运行,避免手动开两个终端、反复切窗口、端口冲突或进程遗漏。
确认项目结构支持多服务启动
确保你的项目已按标准分层组织:前端代码在 client/ 或 web/ 目录下,后端代码在 server/ 或 api/ 目录下,且各自有可执行的启动命令(如 npm start、go run main.go、python manage.py runserver)。
【若目录结构混乱或缺少 package.json / requirements.txt / go.mod 等基础文件,Codex 将无法识别服务入口,后续所有操作都会失败】
用 Codex 会话管理器并行启动双服务
方法一:CLI 模式下直接指令启动
进入项目根目录 → 运行 codex 进入交互模式 → 输入:
“同时启动前端和后端服务:前端在 client/ 目录下运行 npm start,后端在 server/ 目录下运行 npm run dev”
Codex 自动创建两个独立会话,分别绑定工作目录与命令,输出流隔离,互不阻塞。
方法二:在已有对话中调用会话管理器
点击 Codex 界面右上角「+」→ 选择「New Session」→ 在弹出窗口中填写:
会话名:Frontend Dev
命令:cd client && npm start
工作目录:${workspaceFolder}/client
再新建一个会话:
会话名:Backend API
命令:cd server && npm run dev
工作目录:${workspaceFolder}/server
两个会话启动后,状态栏将显示「Frontend Dev (running)」和「Backend API (running)」,点击任一会话可聚焦查看实时日志。
验证双服务是否真正并行可用
第一步:检查前端是否监听 3000 端口
在 Codex 终端中输入 lsof -i :3000(macOS/Linux)或 netstat -ano | findstr :3000(Windows),确认有 node 进程占用。
第二步:检查后端是否监听 8080(或其他预期端口)
同理执行对应端口检测命令,确保不是同一进程假扮双服务。
第三步:发起跨域请求验证连通性
打开浏览器开发者工具 → Console → 执行:fetch("http://localhost:8080/health").then(r => r.json()).then(console.log)
若返回 {status: "ok"},说明前端页面能成功调用后端接口。
注意:如果前端构建产物未启用代理,需确保后端已配置 CORS,或在前端开发服务器中设置 proxy 字段指向后端地址。Codex 不会自动补全该配置,必须人工确认或明确指令:“在 client/package.json 中添加 proxy 字段,值为 http://localhost:8080”。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!








