Javascript Angular 2部署到CDN并从CDN使用

我如何通过CDN使用我自己的Angular 2资产，路径相对于CDN，而不是显示它们的网站

我正在将所有Angular 2构建资产（

dist/

：脚本、样式、图像和字体）部署到CDN，因此使用这些资产的网站位于完全不同的域上

例如：

• 网站位于
• CDN位于（Angular 2输出的/dist文件夹）

当我加载网站时，我的Angular 2脚本被正确加载，包括绑定的样式。但是，所有指向图像和字体的路径最终都指向网站的相对路径，而不是CDN

我是否需要创建自定义指令来描述资产托管在其他地方？这似乎将是许多Angular 2开发人员的常见问题

---

我发现的唯一类似的问题是：

是的，相对URL总是相对于主HTML页面进行解析，而不是单个资产（CSS除外）。您只需保持相对布局不变并部署到

localhost:4200/dist/

？作为一种解决方法，我能够为

img

创建一个指令，如果在文档中全局设置了以CDN路径为前缀的src URL（即文档['CDN'），则该指令将覆盖该URL）。然而，这并不是一个真正的长期解决方案。部署必须支持单独的网站和单独的CDN，用户将始终通过该网站浏览该网站。因此，从网站上解析角度模板中的图像。我知道浏览器就是这样工作的。但是，我相信Angular应该有一种更健壮的方法，当脚本本身在CDN上运行时，完全从CDN加载资产。这就是为什么我很好奇是否有其他方法可以替代我所做的事情：自定义指令。是的，相对URL总是相对于主HTML页面解析，而不是单个资产（CSS除外）。您只需保持相对布局不变并部署到

localhost:4200/dist/

？作为一种解决方法，我能够为

img

创建一个指令，如果在文档中全局设置了以CDN路径为前缀的src URL（即文档['CDN'），则该指令将覆盖该URL）。然而，这并不是一个真正的长期解决方案。部署必须支持单独的网站和单独的CDN，用户将始终通过该网站浏览该网站。因此，从网站上解析角度模板中的图像。我知道浏览器就是这样工作的。但是，我相信Angular应该有一种更健壮的方法，当脚本本身在CDN上运行时，完全从CDN加载资产。这就是为什么我很好奇是否有其他方法可以替代我所做的事情：自定义指令。