所以我正在做我的第一个项目,我只是在我做的时候弄清楚事情。我正在使用一个名为 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 扩展修复了第一个,但不知道如何修复后者。
你好,欢迎来到 StackOverflow :)
您可能需要从自定义后端获取信息并设置相应的标头。
如果您不知道如何编写自定义后端或只是尝试使用它,您可以使用https://cors-anywhere.herokuapp.com/。它对原始请求进行隧道传输并添加标头以允许跨源请求。
CORS 背后的基本思想是防止其他网站在未经您许可的情况下从您的服务器请求资源。
有关它的更多信息,请访问:https : //developer.mozilla.org/de/docs/Web/HTTP/CORS。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句