JavaScript 来替换用于所有图像的服务器？

Question

给定一个静态 HTML 文件及其附带的静态 CSS 文件，这些文件引用了保存图像的静态服务器，是否可以使用 JavaScript 来阻止页面从其 src 属性和 url() 定义中加载所有图像，而不是用另一台服务器替换它们？

尝试按照以下方式做某事

$('body').html($('body').html().replaceAll('src.example.com', 'target.example.com'));

不会阻止图像从一开始就被加载。有什么想法吗？

背景故事，如果它可以帮助您提出不同的建议:我希望我的网站显示来自不同本地中文服务器的中国境内的图像。这可能有助于缓解非中文网站在中国遇到的限制。选择中国的 CDN 来为全世界提供服务似乎不是一个好主意，并且依赖于每个国家/地区以不同方式解析 DNS 的服务似乎有些冒险。

因此，目前我们有 .com 和 .cn 域，并希望 .cn 域由同一台服务器提供服务，但其图像由本地中文 CDN 提供。虽然该网站确实会生成动态页面，但它们是静态缓存的，并且尝试按域生成不同的页面将意味着生成页面的工作量更大。这就是为什么我认为也许 JavaScript 可以通过替换所有图像来提供帮助。

Answer 1

结合使用 base 等技巧标记和 onclick 和 onsbumit 事件处理程序可以实现您的目标，但我几乎可以肯定这不是一个好的解决方案。

在头部或 body 的第一部分使用 javascript，您可以插入一个基本标记，该标记将更改您站点链接的所有资源(表单操作、链接 href、样式表、图像)请求(甚至是CSS 的)。

然后，为了避免链接和表单的服务器更改，您必须处理点击和提交事件以根据当前网站 url 修复服务器，或者一旦页面准备就绪，立即修改所有这些。

这可行吗？是的，但我相信最好的解决方案是更改服务器端的 URL 或让 CDN 处理地理定位。