javascript - 如何在HTML上打印JavaScript爬取的内容

Question

我通过 JavaScript 抓取了一些内容，并希望将其打印在 HTML 上。

下面的 JavaScript 代码被命名为“js.js”(在 CMD 上运行良好)

var request = require('request');
var cheerio = require('cheerio');
request('...URL...', function (err, res, body) {
    if (err) console.log('Err :' + err);
    var $ = cheerio.load(body);
    $('.class').each(function () {
        var content = $(this).find('.abc').text().trim();
        document.write(content);
    });
});  

但是打印了“error:require is not defined”，所以我正在寻找解决方案。

我找到了 this page并遵循使用 webpack 或 browseify 的建议。

新代码(捆绑后 2MB)给我 2 个新错误:“fail to fetch”和“access-control-allow-origin”。我该怎么办？

Answer 1

浏览器/客户端 JavaScript 中不存在 require() 关键字，这就是为什么您需要使用 webpack 将 nodejs 代码转换为浏览器兼容的 javascript 的原因。

对于“access-control-allow-origin”，您绑定(bind)连接的 url 不允许响应未知来源。

如果您拥有 API/URL，您可以添加响应 header Access-Control-Allow-Origin: *。

供引用:https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin