ชุดบันเดิล ASP.NET MVC Framework 4.5 CSS ไม่ทำงานบนการโฮสต์

ฉันเรียกใช้แอพในแอพที่เขียนด้วย MVC4

มัดไฟล์ css ไม่ทำงาน ในเครื่องคอมพิวเตอร์ของฉันในโหมดดีบักฉันเห็นรหัสของแอพและเห็นไฟล์ แอปทำงานตามที่คาดไว้

<link href="/Content/css/home/basic-jquery-slider.css" rel="stylesheet"/>
<link href="/Content/css/home/Home.css" rel="stylesheet"/>

เมื่อฉันอัปโหลดแอปไปยัง Appharbor ฉันเห็นชุดรวมอยู่ในรหัส แต่แอพไม่ทำงาน

<link href="/Content/css/home?v=zhVOIpUNuvCOZhJyBcQWpMlozayor4te6k-pM29wHqI1" rel="stylesheet"/>

เมื่อฉันดูลิงค์ที่hrefฉันได้รับ403 - ต้องห้าม: การเข้าถึงถูกปฏิเสธ

วิธีแก้ปัญหานี้

ฉันเดาว่าเส้นทางนั้นContent/cssมีอยู่บนดิสก์ในแอปของคุณ ในกรณีนี้ IIS จะจัดการคำขอไม่ใช่ MVC

ตรวจสอบให้แน่ใจว่าเส้นทางเสมือนสำหรับบันเดิล (พารามิเตอร์ของตัวสร้าง StyleBundle) ไม่ตรงกับโฟลเดอร์ในระบบไฟล์

จากความคิดเห็นที่:

"ข้อตกลงที่ดีที่จะปฏิบัติตามเมื่อสร้างบันเดิลคือการรวม" บันเดิล "เป็นคำนำหน้าในชื่อบันเดิลซึ่งจะป้องกันความขัดแย้งในการจัดเส้นทางที่เป็นไปได้"

ปัญหานี้เป็นค่าเริ่มต้น. NET ไม่ได้ "ดำเนินการ" การร้องขอที่มีนามสกุล. js หรือ. css

มีการแก้ไขสองประการสำหรับสิ่งนี้ (คุณจะต้องทำเพียงหนึ่งข้อ)

A) ลบส่วนขยายออกจากชื่อมัด (แนะนำ) สิ่งนี้จะทำให้. NET ประมวลผลคำขอและรันผ่าน BundleModule

B) เพิ่มสิ่งนี้ไปยัง web.config ของคุณในส่วนsystem.webServerซึ่งจะทำให้. NET เรียกใช้. js และ. css ร้องขอผ่าน BundleModule

<modules runAllManagedModulesForAllRequests="true">
  <remove name="BundleModule" />
  <add name="BundleModule" type="System.Web.Optimization.BundleModule" />
</modules>

บิ๊กตะโกนออกไปหาเรย์โมโรผู้คิดหาสาเหตุที่แท้จริงและแบ่งปันกับฉันในบล็อกของฉัน: http://blog.cdeutsch.com/2012/11/fixing-404-errors-for-aspnet-mvc-apps.html

เกิดขึ้นกับฉันเช่นกันเมื่อฉันพยายามปรับใช้แอป ASP.NET MVC ของฉันบน AppHarbor

ฉันมีชุดสไตล์ชีทพร้อมชื่อ

@Styles.Render("~/Content/bootstrap")

และโครงสร้างโฟลเดอร์คือ

-- เนื้อหา

- เนื้อหา \ Bootstrap \ ...

โดยเพียงแค่เปลี่ยนชื่อบันเดิลเป็น"~/Content/bootstrap-css"ปัญหาของฉันได้ถูก resovled

ฉันรู้ว่าฉันดึก 4 ปีสำหรับคำถามนี้ แต่มันใช้ได้กับฉัน

public static void RegisterBundles(BundleCollection bundles)
{
   ...

   BundleTable.EnableOptimizations = true;     // Added this           
}

แก้ไขข้อผิดพลาด 403 แล้ว นี่คือคำอธิบายโดยละเอียดและวิธีแก้ปัญหาข้อผิดพลาด 403
วิธีแก้ปัญหา นั้นแสดงให้เห็นถึง CSS มัด อย่างไรก็ตามมันยังใช้กับ JavaScript

http://www.mvccentral.net/Story/Details/articles/kahanu/stylebundle-403-error-solved

สั้นตรวจสอบให้แน่ใจว่าเส้นทางเสมือน [Script | Style]Bundle("~/content/[script | css]")ไม่ตรงกับโฟลเดอร์ในระบบไฟล์ (เช่นC:\approot\Content\[script | css]) แทน[Script | Style]Bundle("~/content/[scriptDiff | cssDiff]")

ฉันแก้ไขปัญหาโดยการเพิ่มบรรทัดด้านล่างของรหัสที่คลาส BundleConfig

BundleTable.EnableOptimizations = false;

สิ่งที่ฉันทำง่ายมาก

ฉันเพิ่ม "js" ที่ส่วนท้ายของ ScriptBundle ดังนี้: ScriptBundle ใหม่ ("~ / bundles / appjs") และฉันเพิ่ม "css" ที่ส่วนท้ายของ StyleBundle เช่นนั้น: StyleBundle ใหม่ ("~ / content / appcss")

ชื่อโฟลเดอร์ของฉันไม่เคยลงท้ายด้วย "js" หรือ "css"

ที่ควรทำ

สิ่งนี้ใช้กับ 'ScriptBundle class' ด้วยตรวจสอบให้แน่ใจว่า 'ชื่อพารามิเตอร์' กับตัวสร้างไม่ตรงกับพา ธ ในระบบไฟล์ของเว็บแอปพลิเคชัน โปรดจำไว้ว่า IIS จะพยายามให้บริการไฟล์ / คำขอ

ปัญหาอาจมาจากไฟล์ที่เข้ารหัส สิ่งนี้เกิดขึ้นกับฉันเมื่อฉันดาวน์โหลด BootStrap และใช้ไฟล์ที่ให้มา พวกเขาแสดงสีเขียวใน Windows explorer และทำงานได้ดีใน Visual Studio แต่เมื่อนำไปใช้งานฉันได้รับข้อผิดพลาด 403

คุณสามารถดูว่าพวกเขาจะถูกเข้ารหัสโดยไปที่คุณสมบัติแล้วคุณสมบัติขั้นสูงและมีช่องทำเครื่องหมายที่เข้ารหัส

ยกเลิกการเลือกและจะไม่มีปัญหาอีกต่อไป

ฉันมีปัญหาเดียวกันกับข้อผิดพลาด (403 ที่ต้องห้าม) ในกรณีของฉันเหตุผลคือพร็อกซีเซิร์ฟเวอร์ในองค์กรของฉันบล็อกไฟล์ css ของฉัน ชื่อไฟล์ css ตรงกับหนึ่งในกฎการบล็อก

ฉันพบไฟล์ bootstrap.css ไม่ได้อยู่ในโฟลเดอร์เนื้อหาดังนั้นฉันจึงค้นหามันในแพ็คเกจและวางที่นั่น .. มันใช้งานได้!