<!– 前端测试页示例 test_api.html –>
<!DOCTYPE html>
<html>
<body>
<h2>大模型连接测试</h2>
<button onclick=”testConnection()”>开始测试</button>
<div id=”result” style=”margin-top:20px;”></div>
<script>
async function testConnection() {
const prompt = “请回复’服务已连通'”;
const apiKey = “40b32eea-bb16-4ee5-864d-bda79869a9a0“; // 注意：实际生产环境不应在前端暴露KEY！
const endpoint = “https://ark.cn-beijing.volces.com/api/v3/chat/completions“;
try {
const response = await fetch(endpoint, {
method: “POST”,
headers: {
“Content-Type”: “application/json”,
“Authorization”: `Bearer ${apiKey}`
},
body: JSON.stringify({
model: “DeepSeek-R1“,
messages: [{role: “user”, content: prompt}]
})
});
const data = await response.json();
document.getElementById(“result”).innerHTML =
response.ok ?
`
连接成功！响应：${data.choices[0].message.content}` :
`
连接失败：${data.error?.message || ‘未知错误’}`;
} catch (error) {
document.getElementById(“result”).innerHTML =
`
网络错误：${error.message}`;
}
}
</script>
</body>
</html>