如何在javascript中使用异步等待和获取来允许交叉允许请求

问题描述

我正在尝试从前端应用程序上的新闻 API 获取数据。我正在将 async-await 与 fetch API 一起使用，但我不断收到 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://newsapi.org/v2/everything?q=covid&apiKey=d69affb88e344a3da1b2a12da50f680c. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

错误

当我尝试控制台记录每个新闻标题时，就会出现错误。

// async await newsApi fn
async function getNews() {
    const response = await fetch(news_api_url)
    if (response.status === 200) {
        console.log('Success ?,NEWS loaded')
        const data = await response.json()
        console.log(data);
        return data
    } else {
        throw new Error('? Unable to fetch News API data')
    }
}

getNews()
    .then(data => {
        data['articles'].forEach(article => {
            let newsTitle = document.createElement('div')
            let link = document.createElement('a')
            newsTitle.classList.add('ticker__item')
            link.appendChild(newsTitle)
            link.href = article.url
            newsTitle.textContent = article.title
            newsTickerEl.appendChild(link)
            titles.push(article.title)
            console.log(newsTitle);

            localStorage.setItem("titles",JSON.stringify(titles));
        });
    })

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）