关于使用 Node.js“代理”服务器代理 CSS 和 JS 的建议

Question

我有一个用于在查询参数中输入 URL 的工作服务器，它获取页面并将其发送回。 问题是，CSS 链接并不总是有效，因为通常 CSS 是通过 HTML <link rel="stylesheet">标签从源获取的。 有没有办法可以从 URL 中获取 CSS 并将其发送到<style>标签中？

我也希望能够使用 JavaScript 执行此操作，但这不是必需的。

此外，作为“不错的选择”，是否可以更改锚点 href 标签以更改查询参数而不是 URL 本身？ privatedomain.com/page?url=<urlhere>是我拥有的 URL 结构，并且希望它能够从诸如privatedomain.com/page?url=http://www.google.com类的内容重定向到privatedomain.com/page?url=http://www.google.com/search?q=hmm+yes

真的只是我为了好玩而做的一件事，并试图让它发挥作用，如果我问错了这个问题，对不起，这是我第一次在这里问，谢谢！

Answer 1

解析文档，找到<link rel="stylesheet"> ，从那里提取 CSS 的相对路径。

然后，您可以将相对路径与<urlhere>的根连接<urlhere> 。 然后将<link rel="stylesheet">的链接替换为您的组合路径。

示例：privatedomain.com/page?url= http://example.com/foo/bar.html

在foo.html你有<link rel="stylesheet" href="/styles.css">

你需要让const absoulteCssPath = 'http://example.com' + '/styles.css' ; 然后替换/styles.css内部<link rel="stylesheet" href="/styles.css">与absoulteCssPath 。