如果静态资源在 CDN 上，如何在本地调试站点？

Question

我正在创建一个网站。最终，所有静态资源（图像、javascript、css 等）都将在 CDN 上结束。但是，在本地服务器中设计此站点时，我希望我的 href 将图像拉到本地。

如何在不使用动态页面生成（即最简单有效的解决方案）的情况下为我的本地站点设置 href="images/logo.png" 并在生产站点上设置 href="http://example.com/cdn/static/images/logo.png"？我想到的所有想法都涉及手动创建脚本以传递 html 文件，但这个解决方案似乎很笨拙。有没有更优雅的方式？

另外，如果有帮助，我刚开始使用 nginx。也许有某种针对网址的重写规则可以轻松实现我的目标？

Answer 1

仅供参考：解决此问题的每一种方法都是丑陋的。

• 覆盖 CDN 域，使其指向您的本地主机。 （讨厌但快速修复？）
• 使用 JS 变量覆盖这个（坏主意）
• 用正则表达式替换所有文件中的 CDN 字符串。 （与动态页面生成相距不远）

我会选择第一个选项。