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.


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

查看所有标签

猜你喜欢:

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

Practical Algorithms for Programmers

Practical Algorithms for Programmers

Andrew Binstock、John Rex / Addison-Wesley Professional / 1995-06-29 / USD 39.99

Most algorithm books today are either academic textbooks or rehashes of the same tired set of algorithms. Practical Algorithms for Programmers is the first book to give complete code implementations o......一起来看看 《Practical Algorithms for Programmers》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

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

html转js在线工具