Razor页面部署服务器后Style.Render无法正常加载CSS/JS资源问题

这问题我之前帮好几个开发者排查过，核心原因是你的应用本地开发时运行在根目录，但部署到服务器后是作为**虚拟目录（Questionario）**运行的，导致相对路径和资源解析出现不一致。下面分两步解决你的问题：

一、修复相对路径引入的jQuery、jQuery UI资源加载问题 #

你现在用的是../Scripts/jquery.min.js这种相对路径，在本地访问http://localhost:9094/Pagina.aspx时，../会解析到根目录，刚好能找到资源；但部署后访问http://url:9094/Questionario/Pagina.aspx时，../会跳转到http://url:9094/Scripts/，而你的实际资源是在http://url:9094/Questionario/Scripts/下，自然加载失败。

解决方法是把所有相对路径替换成应用根路径（用~开头），Razor会自动帮你解析成当前应用的根目录（包括虚拟目录）：
把原来的代码：

<script src="../Scripts/jquery.min.js"></script>
<link href="../Content/jquery-ui.css" rel="stylesheet">
<script src="../Scripts/jquery-ui.min.js"></script>

改成：

<script src="~/Scripts/jquery.min.js"></script>
<link href="~/Content/jquery-ui.css" rel="stylesheet">
<script src="~/Scripts/jquery-ui.min.js"></script>

也可以用Url.Content辅助方法（效果完全一致）：

<script src="@Url.Content("~/Scripts/jquery.min.js")"></script>

二、检查Bundle资源的路径与配置 #

你看到部署后@Styles.Render生成了/Questionario/Content/css?v=...，这其实是正确的路径（因为应用在虚拟目录下，Bundle会自动带上虚拟目录前缀）。如果样式还是异常，你可以从这几个方向排查：

• 检查BundleConfig.cs里的配置，确保所有要打包的资源路径都是用~开头的，比如：

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

  绝对不能用相对路径写Bundle的包含项，否则部署到虚拟目录时会找不到文件。
• 确认服务器上的IIS虚拟目录配置正确：应用程序的物理路径指向你部署的文件目录，且应用程序池的.NET版本与你的项目匹配。
• 如果是Release模式部署，确保Bundle的压缩合并功能正常工作，你可以临时开启调试模式验证（不建议生产环境使用）：在Web.config里设置：

  <system.web>
    <compilation debug="true" targetFramework="你的.NET版本" />
  </system.web>
  

  开启后Bundle不会压缩，会直接输出单个文件路径，方便你排查是否有资源缺失。

内容的提问来源于stack exchange，提问作者bircastri