必须通过后端代理调用minimax agent api,前端不可直连;需在express中创建/api/agent/chat路由,转发请求并隐藏api密钥,仅返回choices[0].message.content,严禁前端暴露authorization头。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在前端项目中调用MiniMax Agent能力,必须绕过浏览器直接请求的限制,通过代理层中转请求,否则会因CORS和域名白名单问题导致401或跨域错误。
创建安全代理服务
前端不能直连MiniMax API,必须部署一个中间代理服务来转发请求并隐藏密钥。
第一步:在Node.js后端(如Express)中新建一个路由,例如/api/agent/chat;
第二步:该路由接收前端POST请求,提取messages数组与agent_id字段;
第三步:构造向https://api.minimax.chat/v1/text/chatcompletion发起的下游请求,Header中携带Authorization: Bearer <strong>【your_api_key】</strong>和Content-Type: application/json;
第四步:将前端传入的agent_id、messages等字段原样写入JSON Body,注意messages必须是数组且至少含一条{"role":"user","content":"..."};
第五步:捕获响应后,仅返回choices[0].message.content给前端,不透出原始响应头或error细节。
前端调用代理接口
使用fetch或Axios调用你自己的代理地址,而非Minimax官方API地址。
方法一:用fetch发送JSON数据
fetch('/api/agent/chat', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ agent_id: 'agt_abc123', messages: [{ role: 'user', content: '你好' }] }) })
方法二:用Axios简化写法(需已安装)
axios.post('/api/agent/chat', { agent_id: 'agt_abc123', messages: [{ role: 'user', content: '你好' }] })
⚠️注意:不要在前端代码里拼接Authorization头,密钥一旦泄露,攻击者可盗用你的配额甚至篡改Agent行为。
处理流式响应(可选)
若需实现打字机效果,可在代理服务中启用stream,并用Server-Sent Events(SSE)向前端推送增量文本。
在代理请求中添加stream: true字段;
代理服务收到SSE响应后,逐条解析data: {...}行,提取delta.content;
前端监听EventSource,用source.onmessage接收每一段增量内容;
这一步操作起来很简单,直接把new EventSource('/api/agent/chat-stream')写进JS就行,但要注意关闭连接时调用source.close()防止内存泄漏。
大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!











