在mvc应用程序中将cdn添加到图像中

Question

我正在使用一个asp.net mvc 4应用程序。我想设置我的网站图像通过cdn渲染。

在MVC中是否有任何机制来设置图像路径解析到cdn？我希望cdn是动态的，这样我就可以通过应用程序设置来配置它。

我有几个想法对我开放

• 使用Html帮助程序使用cdn解析所有图像。唯一的问题是，我使用spring.net依赖项注入，而不相信它直接插入到静态类中。
• 在我的控制器上创建一个属性，该属性检查我的视图中的html输出，使用regex查找所有未解析的域并解析它们。关注这方面的表现
• 创建一个从我的视图返回的操作结果，该操作结果与我前面的观点类似。

在这方面有什么建议吗？

Answer 1

在使用CDN时存在很大的问题，特别是在CSS方面。

来自这里的一些想法：http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

public static void RegisterBundles(BundleCollection bundles)
{
    //bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    //            "~/Scripts/jquery-{version}.js"));

    bundles.UseCdn = true;   //enable CDN support

    //add link to jquery on the CDN
    var jqueryCdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js";

    bundles.Add(new ScriptBundle("~/bundles/jquery",
                jqueryCdnPath).Include(
                "~/Scripts/jquery-{version}.js"));

    // Code removed for clarity.
}


</footer>

        @Scripts.Render("~/bundles/jquery")

        <script type="text/javascript">
            if (typeof jQuery == 'undefined') {
                var e = document.createElement('script');
                e.src = '@Url.Content("~/Scripts/jquery-1.7.1.js")';
                e.type = 'text/javascript';
                document.getElementsByTagName("head")[0].appendChild(e);

            }
        </script> 

        @RenderSection("scripts", required: false)
    </body>
</html>

它变得很复杂，但只要付出一点努力就可以完成。

这方面也有一篇很好的文章：ClientOptimization.html

希望这能帮上忙

加密路径解析在这里处理：MVC4 StyleBundle not resolving images

在主计长：

ViewBag.CDNPath= "http://thepathtomyddnserver";

考虑到：

<img src="@Html.Raw(@ViewBag.CDNPath)/logo1.png">

这就是简单的一点吗？