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

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

内容简介:今天抓出一個蟄伏近一年的 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.


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

查看所有标签

猜你喜欢:

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

云计算安全与隐私

云计算安全与隐私

Tim Mather、Subra Kumaraswamy、Shahed Latif / 刘戈舟、杨泽明、刘宝旭 / 机械工业出版社华章公司 / 2011-6 / 65.00元

《云计算安全与隐私》可以使你明白当把数据交付给云计算时你所面临的风险,以及为了保障虚拟基础设施和网络应用程序的安全可以采取的行动。本书是由信息安全界知名专家所著,作者在书中给出许多中肯的忠告和建议。本书的读者对象包括:IT职员、信息安全和隐私方面的从业人士、业务经理、服务提供商,以及投资机构等。阅读本书你会了解直到现在还严重匮乏的云计算安全方面的详尽信息。 《云计算安全与隐私》主要内容包括:......一起来看看 《云计算安全与隐私》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

html转js在线工具
html转js在线工具

html转js在线工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具