Javascript 如何使用axios获得多个api?

Javascript 如何使用axios获得多个api?,javascript,api,vue.js,get,axios,Javascript,Api,Vue.js,Get,Axios,我想在同一页中获得多个api。在下面的代码中,来自“apione”的所有返回数据都是有效的,但不确定为什么我从“apione”中什么也没有得到 尝试axios.all([apione,apitwo])在浏览器中打开开发人员工具。看看控制台读取错误消息 当我测试您的代码时,我得到: 混合内容:位于“https://jsbin.com/?html,js,console“已通过HTTPS加载,但请求了不安全的XMLHttpRequest端点”http://ec2-54-179-187-25.ap-so

我想在同一页中获得多个api。在下面的代码中,来自“apione”的所有返回数据都是有效的,但不确定为什么我从“apione”中什么也没有得到


尝试
axios.all([apione,apitwo])
在浏览器中打开开发人员工具。看看控制台读取错误消息

当我测试您的代码时,我得到:

混合内容:位于“
https://jsbin.com/?html,js,console
“已通过HTTPS加载,但请求了不安全的XMLHttpRequest端点”
http://ec2-54-179-187-25.ap-southeast-1.compute.amazonaws.com/Test/?param1=HelloHanbinIsFREE
”。此请求已被阻止;内容必须通过HTTPS提供


您的一个API使用HTTP,另一个使用HTTPS。它们都应该使用与加载HTML文档相同的方案(几乎可以肯定是HTTPS)。

来自
APITOW
的响应的问题只是缺少必要的
访问控制允许源文件
头,您仍然可以通过CORS代理发出请求来完成工作。 替换下面的

const res2 = await axios.get(apitwo);


要进一步研究这个问题,请转到这个

哦,我的错误,代码是有效的,只是api坏了,谢谢!
const res2 = await axios.get(apitwo);
const res2 = await axios.get('https://cors-anywhere.herokuapp.com/'+apitwo);