为什么 fetch in javascript return net::ERR_FAILED 在每种情况下？

Question

我正在尝试使用获取命令询问 API：

    fetch('http://fr1.api.radio-browser.info/json/tags');

和chrome继续回答我:

net::ERR_FAILED

TypeError: Failed to fetch

我不明白这段简单的代码有什么问题。谁能帮帮我？

谢谢

Answer 1

如果您在调用 fetch 后发现错误，您应该会看到一个更具描述性的错误：

// HTTP
fetch('http://fr1.api.radio-browser.info/json/tags')
    .catch(console.error);

Mixed Content: The page at 'https://fr1.api.radio-browser.info/json/tags' was loaded over HTTPS, but requested an insecure resource 'http://fr1.api.radio-browser.info/json/tags'. This request has been blocked; the content must be served over HTTPS.

尝试使用 https 获取：

// HTTPS
fetch('https://fr1.api.radio-browser.info/json/tags')
    .then(res => res.json())
    .then(console.log)
    .catch(console.error);

为什么 fetch in javascript return net::ERR_FAILED 在每种情况下？

Why does fetch in javascript return net::ERR_FAILED in every case?

javascript

fetch-api