ASP.NET MVC Style Bundle 打包路徑問題

栏目: ASP.NET · 发布时间: 5年前

内容简介：今天抓出一個蟄伏近一年的 Bug。有一個元件使用

今天抓出一個蟄伏近一年的 Bug。

有一個元件使用 ASP.NET MVC 的 Script/Style 打包壓縮功能封裝 Kendo UI 的客製樣式 CSS。

ASP.NET MVC Style Bundle 打包路徑問題

由於 kendo.utopia.css 使用相對路徑指向圖檔(例如：background-image: url('./utopia/editor.png'))，因此 StyleBundle 打包名稱要設成 ~/Content/kendo/blah，相對路徑才會正確，我沒多想就取名為 ~/Content/kendo/utopia。

bundles.Add(new StyleBundle("~/Content/kendo/utopia").Include(
    "~/Content/kendo/kendo.common.css",
    "~/Content/kendo/kendo.utopia.css"));

引用寫法如下：

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Styles.Render("~/Content/kendo/utopia")
</head>

元件大部分用於測試環境或內部網路，在偵錯模式下( <compilation debug="true" > )，.css 以原始檔案形式載入，一直運作正常：

ASP.NET MVC Style Bundle 打包路徑問題

因緣際會想測試打包效果，這才發現 GG 了：CSS 打包路徑 /Content/kendo/utpoia?v=opYpm... 會被 301 導向 /Content/kendo/utopia/?v=opYpm...，得到 HTTP 403。

ASP.NET MVC Style Bundle 打包路徑問題

原因是我取的 StyleBundle 名稱 ~/Content/kendo/utopia 剛好也是實體資料夾路徑踩到地雷。要避免很簡單，換個名字避開真實存在的路徑就好。更名為 bundles.Add(new StyleBundle("~/Content/kendo/utopiacss") 後問題排除，再學到一個經驗。

Tips of avoid naming StyleBundle as same as path existing physically.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

程序员面试笔试宝典

何昊、叶向阳、窦浩 / 2012-10 / 59.80元

《程序员面试笔试宝典》除了对传统的计算机相关知识（C/C++、数据结构与算法、操作系统、计算机网络与通信、软件工程、数据库、智力题、英语面试等）进行介绍外，还根据当前计算机技术的发展潮流，对面试笔试中常见的海量数据处理进行了详细的分析。同时，为了更具说服力，《程序员面试笔试宝典》特邀多位IT名企面试官现身说法，对面试过程中求职者存在的问题进行了深度剖析，同时《程序员面试笔试宝典》引入了一批来自于名......一起来看看《程序员面试笔试宝典》这本书的介绍吧!

码农工具

ASP.NET MVC Style Bundle 打包路徑問題

程序员面试笔试宝典

JS 压缩/解压工具

RGB HSV 转换

HEX CMYK 转换工具