2025.08.04今天我学习了如何在前端接入通义千问,代码如下:

一、通用组件:(记得把官方给的参数input那一层去掉,不然会出现模型找不到的错误)

import axios from 'axios'

let apikey = 'sk-xxxxxxxxxxxxxxxx';
let url = 'https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions';

export const qwen_max = async (message) => {
  const params = {
    model: 'qwen-max',//你选择的模型参数
    messages: [
      {
        role: 'user',
        content: message
      }
    ],
    parameters: {
      result_format: "message"
    }
  };

  try {
    const response = await axios.post(url, JSON.stringify(params), {
      headers: {
        'Authorization': `Bearer ${apikey}`,
        "Content-Type": "application/json",
        "Accept": "application/json",
      }
    });
    return response.data.choices[0].message;
  } catch (error) {
    console.error('Axios error:', error);
    return { content: '获取失败.', role: 'assistant' };
  }
}

二、新页面调用:

await qwen_max ('你是谁');

各个大模型接入的方法都差不多,改apiKey和对应的接口地址就行。

大模型服务平台百炼控制台

Logo

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。

更多推荐