CountryAPI按名称调用问题排查（JavaScript实现）

你完全不需要发起两次请求，直接构造正确的单请求URL就能拿到目标国家的数据。文档里的GET是指这个接口需要用GET请求方法，示例里没带API密钥是文档的简化展示，实际所有请求都必须带上你的API密钥作为查询参数。

你的requestUrl构造错误在于把api/all和api/name两个端点混在了一起，而且参数格式也不对。正确的构造方式应该是：

const requestUrl = `${url}api/name/${countryName}?apikey=${apiKey}`

修正后的完整请求函数如下：

const url = "https://countryapi.io/"
const apiKey = "x"

function requestCountry(countryName){
    const requestUrl = `${url}api/name/${countryName}?apikey=${apiKey}`    

    fetch(requestUrl)
        .then(res => res.json())
        .then(data => {
            displayCountry(data)
        })
        .catch(err => console.error('请求出错:', err)) // 建议加上错误捕获，方便排查问题
}

requestCountry("spain")

这样调用后，就能直接获取到西班牙的相关数据，从中提取首都Madrid即可。

内容的提问来源于stack exchange，提问作者Flix