ASP.NET MVC 5 网站中的 CSS 和 Javascript 以及图像在部署后不会显示

Question

我的问题是，在我将网站上传到在线服务器后，除了图像、CSS 和 JavaScript 之外，html 页面显示完全正常。我确切地知道为什么会发生这种情况，它与这个 stackoverflow 问题中的 Ogglas 回答有关：CSS, Images, JS not loading in IIS

基本上，我可以在 Google 调试器中看到：

<link href="/Content/css?v=oJetwWdJWV96VzkmdyDS6ZG-GSKbNSyRhMkB7__C1dQ1" rel="stylesheet">

<script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

但是在/Content 和/bundles 之前应该有一个~，所以链接应该是

<link href="~/Content/css?v=oJetwWdJWV96VzkmdyDS6ZG-GSKbNSyRhMkB7__C1dQ1" rel="stylesheet">

和

<script src="~/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

~ 符号表示应用程序的根目录。

问题是我不知道如何在我的 ASP.NET MVC 5 应用程序中解决这个问题。

我的 bundleConfig.cs 文件已经如下所示：

 public static void RegisterBundles(BundleCollection bundles)
    {


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

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at https://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/toastr.js",
                  "~/Scripts/respond.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                   "~/Content/toastr.css",
                  "~/Content/site.css"));
    }
}

所以我不明白我应该在哪里进行此修改，以便在部署我的网站后，我的样式链接包含 ~ 符号。

Answer 1

在你的包配置中试试这个

 BundleTable.EnableOptimizations = false;