uni-app调用星火API总是不成功，求助大家帮我看看

发布于 1周前 作者 nodeper 来自 Uni-App

uni-app调用星火API总是不成功，求助大家帮我看看

以下程序在在HBuilder中调试时是正常的，能够正常调用讯飞星火的API，实现输出。

然而，在正常的浏览器中运行时，输出永远是“No response from API”，主要是在send之后，xhr.status永远是0，不知道是什么原因？？

function callXinghuoAPI() {  
    var userInput = document.getElementById('userInput').value;  
    var apiKey = '**************************'; // 替换为你的API密钥  
    var apiPassword = '********************************************';  
    var apiurl = 'https://spark-api-open.xf-yun.com/v1/chat/completions';  
    var userID = '**********';  

    if (!userInput) {  
        document.getElementById('apiResponse').innerText = 'Please enter some input';  
        return;  
    }  

    var xhr = new XMLHttpRequest();  
    xhr.open('POST', apiurl, true);  
    xhr.setRequestHeader('Content-Type', 'application/json');  
    xhr.setRequestHeader('Authorization', 'Bearer ' + apiPassword);  

    xhr.onreadystatechange = function () {  
        if (xhr.readyState === 4) {  
            alert(xhr.status)   //在HBuilder中调试时是正常的200，但是在正常的浏览器中运行时，这里永远是0  
            if (xhr.status === 200) {  
                var data = JSON.parse(xhr.responseText);  
                if (data && data.choices && data.choices.length > 0) {  
                    document.getElementById('apiResponse').innerText = 'API Response: ' + data.choices[0].message.content;  
                } else {  
                    document.getElementById('apiResponse').innerText = 'No response from API';  
                }  
            } else {  
                console.error('Error:', xhr.statusText);  
                document.getElementById('apiResponse').innerText = 'Error calling API';  
            }  
        }  
    };  

    var requestBody = JSON.stringify({  
        'model': 'generalv3.5',  
        'user': userID,  
        'messages': [{'role': 'user','content': userInput}]  
    });  

    alert(requestBody)  

    xhr.send(requestBody);  
}

Harmonyos Next教程
1 回复

在处理uni-app调用星火API不成功的问题时，首先需要确保你已经正确配置了API的访问权限和必要的参数。以下是一个基本的示例，展示了如何在uni-app中调用一个假设的星火API。请根据实际情况调整API URL、请求参数和认证信息。

步骤一：配置uni-app项目

  1. 确保你的uni-app项目已经正确安装并配置了必要的依赖。
  2. 如果星火API需要特定的认证（如API Key、OAuth等），请确保你已经获取并正确存储了这些认证信息。

步骤二：编写调用API的代码

以下是一个使用uni.request调用星火API的示例代码：

// 假设星火API的URL为 https://api.xinghuo.com/data
// 并且需要传递一个API Key作为认证信息

const apiUrl = 'https://api.xinghuo.com/data';
const apiKey = 'your_api_key_here'; // 请替换为你的实际API Key

// 构造请求头
const headers = {
  'Content-Type': 'application/json',
  'Authorization': `Bearer ${apiKey}` // 根据星火API的认证方式调整
};

// 构造请求参数（如果需要）
const data = {
  param1: 'value1',
  param2: 'value2'
};

// 调用uni.request
uni.request({
  url: apiUrl,
  method: 'POST', // 根据API要求选择GET或POST
  header: headers,
  data: JSON.stringify(data), // 如果是POST请求且需要传递JSON数据
  success: (res) => {
    if (res.statusCode === 200) {
      console.log('调用成功:', res.data);
      // 处理API返回的数据
    } else {
      console.error('调用失败:', res.statusCode, res.data);
    }
  },
  fail: (err) => {
    console.error('请求失败:', err);
  }
});

步骤三：调试和排查问题

  1. 检查网络：确保你的设备可以访问互联网，并且没有防火墙或代理阻止请求。
  2. 查看控制台输出：在uni-app的开发者工具中查看控制台输出，检查是否有错误信息。
  3. 验证API Key：确保你使用的API Key是有效的，并且没有过期。
  4. 检查请求参数：确保你传递的请求参数符合星火API的要求。
  5. 查看API文档：仔细阅读星火API的文档，确保你理解并遵循了所有的调用规则和限制。

如果以上步骤仍然无法解决问题，建议联系星火API的技术支持团队，提供详细的错误信息和请求日志，以便他们协助排查问题。

回到顶部