前端接入通义千问（各大模型接入方法类似）

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和对应的接口地址就行。

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