Question

所以我正在做我的第一个项目，而我只是在解决问题时才弄清楚。我正在使用一个名为mal-scraper的npm模块，该模块从MyAnimeList网站收集数据（例如：标题，动漫链接和图片），并希望创建一个使用此模块显示当前正在播放的节目的网站。

我离线运行代码并将其保存到变量中。调用时它会打印出所需的结果，然后我想制作卡片：

let count = Object.keys(obj).length;
        //iterate through the obj and create cards
        for (let i= 0;i < count;i++) {
            html += `<div class="column">
            <div class="card">
                <div class="container">
                        <a id="link" href= "${obj[i]['link']}"><img id="img" src="${obj[i]['picture']}"></a>
                        <h1 id="title" >${obj[i]['title']}</h1>
                        <p id="date">${obj[i]['releaseDate']}</p>
                </div>
            </div>
        </div>`
        }
        console.log(html); //test
        return html;

这也很好，但是当我尝试使用jquery将其添加到index.html时

$("#row").add(html)

它不起作用，并且出现了跨源错误（某些我不了解的错误）和某种CORB警告。我设法用chrome扩展程序修复了第一个问题，但不知道如何修复后者。

Answer 1

您好，欢迎来到StackOverflow：）

您可能需要从自定义后端获取信息并设置相应的标头。

如果您不知道如何编写自定义后端，或者只是尝试使用它，则可以使用https://cors-anywhere.herokuapp.com/。它通过隧道传输原始请求，并添加标头以允许跨源请求。

CORS的基本思想是防止其他网站未经您的许可从您的服务器请求资源。

此处的更多信息：https://developer.mozilla.org/de/docs/Web/HTTP/CORS。

我的代码通过console.log脱机运行，但没有在浏览器中运行

1 个答案: