CSS, รูปภาพ, JS ไม่โหลดใน IIS

แอปพลิเคชันทั้งหมดของฉันทำงานได้ดี แต่ทันใดนั้นไซต์ทั้งหมดภายใต้ IIS ไม่โหลด css, รูปภาพ, สคริปต์ มันเปลี่ยนเส้นทางไปยังหน้าเข้าสู่ระบบ

ถ้าฉันเข้าสู่ระบบมันใช้งานได้ดี เช่น mysite.com/Account/LogOn?ReturnUrl=%2fpublic%2fimages%2ficons%2f41.png

ในเครื่องของฉันทำงานได้ดีโดยไม่ต้องเข้าสู่ระบบ

ปัญหาอาจเกิดจาก IIS ไม่ได้ให้บริการ Static Content ซึ่งคุณสามารถตั้งค่าได้ที่นี่:

ที่มา: http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/

Windows 10:

ฉันมีปัญหาเดียวกันหน้าไม่ได้รับการรับรองความถูกต้องจะไม่โหลด CSS, JS และรูปภาพเมื่อฉันติดตั้งเว็บแอปพลิเคชันใน ASP.Net 4.5 ใน IIS 8.5 บน Windows Server 2012 R2

1. ฉันติดตั้งบทบาทเนื้อหาคงที่แล้ว
2. แอปพลิเคชันเว็บของฉันอยู่ในโฟลเดอร์ wwwroot ของ IIS และสิทธิ์ของ Windows Folder ทั้งหมดยังคงอยู่ (ค่าเริ่มต้นรวมถึง IIS_IUSRS)
3. ฉันเพิ่มการอนุญาตสำหรับโฟลเดอร์ทั้งหมดที่มี CSS, JS และรูปภาพ
4. ฉันมีโฟลเดอร์เว็บแอปพลิเคชันในการแชร์ windows ดังนั้นฉันจึงลบการแชร์ตามที่ @ imran-rashid แนะนำ

กระนั้นดูเหมือนจะไม่มีอะไรช่วยแก้ปัญหาได้ แล้วในที่สุดฉันก็ลองตั้งค่าข้อมูลประจำตัวของผู้ใช้ที่ไม่ระบุชื่อเป็น App Pool Identity และมันก็เริ่มทำงาน

ฉันกระแทกหัวสองสามชั่วโมงและหวังว่าคำตอบนี้จะช่วยลดความเจ็บปวดให้กับเพื่อนนักพัฒนาของฉัน

ฉันอยากทราบว่าทำไมถึงได้ผล ความคิดใด ๆ ?

ฉันมีข้อผิดพลาดที่คล้ายกันคอนโซลของฉันมีลักษณะดังนี้:

ปัญหาของฉันคือฉันเรียกใช้ไซต์ของฉันในโฟลเดอร์ย่อยเนื่องจาก บริษัท ใช้โดเมนบนสุดโดเมนเดียวและไม่มีโดเมนย่อย แบบนี้:

host.com/app1

host.com/app2

รหัสของฉันดูเหมือนสิ่งนี้สำหรับการรวมสคริปต์ที่ทำงานได้ดีบน localhost แต่ไม่ได้อยู่ใน app1 หรือ app2:

<link rel="stylesheet" type="text/css" href="/Content/css/font-awesome.min.css" />

เพิ่มเครื่องหมาย tilde ~ใน src จากนั้นทุกอย่างทำงาน:

<link rel="stylesheet" type="text/css" href="~/Content/css/font-awesome.min.css" />

คำอธิบายของ~vs /:

• / - รูทไซต์
• ~/ - ไดเรกทอรีรากของแอปพลิเคชัน

/จะส่งคืนรูทของไซต์ ( http://host.com/)

~/จะส่งคืนรูทของแอปพลิเคชัน ( http://host.com/app1/)

ลองเอาstaticContentส่วนจากweb.config

<system.webServer>
    <staticContent>
        ...
    </staticContent>
</system.webServer>

สิ่งนี้อาจไม่ตอบคำถามของคุณ แต่ฉันได้รับการกระแทกศีรษะด้วยอาการเดียวกันกับการติดตั้ง IIS ใหม่ CSS, JS และรูปภาพไม่ปรากฏขึ้น เกิดจากการที่ไม่ได้ติดตั้งบทบาท "เนื้อหาคงที่" ใน IIS 7.5

คุณอาจเปิดใช้งานการรับรองความถูกต้องของ Windows ใน web.config ของคุณ ในเครื่องท้องถิ่นข้อมูลประจำตัว Windows ของคุณจะถูกส่งผ่านโดยอัตโนมัติและใช้งานได้ ในไซต์ที่ใช้งานจริงคุณจะถือว่าเป็นผู้ใช้ที่ไม่ระบุตัวตน (การตั้งค่า IE สามารถควบคุมสิ่งนี้ได้ แต่อย่าแก้ไขสิ่งนี้เว้นแต่คุณจะรู้จริงๆว่าคุณกำลังทำอะไรอยู่)

สาเหตุดังต่อไปนี้:

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

สิ่งนี้ไม่ได้เสียหายเพียง แต่ทำงานได้ตามที่ตั้งใจไว้ แต่เพื่อ "แก้ไข" สิ่งนี้:

• เปลี่ยนประเภทการพิสูจน์ตัวตนใน web.config หากคุณไม่ต้องการล็อกอินใด ๆ
• และ / หรือเพิ่ม web.config ในไดเร็กทอรีที่มี CSS, รูปภาพ, สคริปต์ ฯลฯ ซึ่งระบุกฎการอนุญาต

เพิ่มสิ่งนี้ใน web.config ของคุณ

<location path="Images">
    <system.web>
        <authorization>
            <allow users="*" />
        </authorization>
    </system.web>
</location>

ใช้สิ่งนี้ในส่วนการกำหนดค่าของไฟล์ web.config ของคุณ:

<location path="images">
<system.web>
  <authorization>
    <allow users="*"/>
  </authorization>
</system.web>
</location>
<location path="css">
<system.web>
  <authorization>
    <allow users="*"/>
  </authorization>
</system.web>
</location>
<location path="js">
<system.web>
  <authorization>
    <allow users="*"/>
  </authorization>
</system.web>
</location>

มันเป็นปัญหาการอนุญาตของ windows ฉันย้ายโฟลเดอร์ที่สืบทอดสิทธิ์ผิด เมื่อฉันย้ายไปที่โฟลเดอร์ wwwroot และเพิ่มสิทธิ์ให้กับผู้ใช้ iis มันจะเริ่มทำงานได้ดี

สำหรับฉันเพิ่มสิ่งนี้ในการweb.configแก้ไขปัญหา

<system.webServer>
    <modules runAllManagedModulesForAllRequests="true" >
      <remove name="UrlRoutingModule"/>    
    </modules>
</system.webServer>

ชั่วโมงแห่งความเจ็บปวดของฉันเกิดจากการกำหนดประเภท MIME ใน web.config ฉันต้องการสิ่งนี้สำหรับเซิร์ฟเวอร์การพัฒนา แต่ IIS ในพื้นที่ไม่ชอบเพราะมันซ้ำประเภท MIME ... เมื่อฉันลบสิ่งเหล่านี้ออกจากเว็บการกำหนดค่าปัญหาด้วย js, css และรูปภาพไม่โหลดหายไป

นี่เป็นปัญหาในการตรวจสอบสิทธิ์ ในกรณีของฉันแก้ไขได้ตามขั้นตอนด้านล่าง: 1- ไปที่ตัวจัดการ IIS ในบานหน้าต่างด้านซ้ายขยายรูทเซิร์ฟเวอร์และเลือกเว็บแอปพลิเคชันของคุณจากไซต์โหนด 2- ในหน้าจอหลักไปที่ส่วน IIS แล้วเลือกการรับรองความถูกต้อง 3- เปิดใช้งานการรับรองความถูกต้องแบบไม่ระบุชื่อ 4- จากนั้นเลือกแก้ไขและตั้งค่า Edit Anonymous Authentication Credentials เป็น Application pool identity

ในกรณีของฉัน

IIS สามารถโหลดทุกอย่างด้วยlocalhostแต่ไม่สามารถโหลดไฟล์เทมเพลตของฉันapp.tagจากไฟล์192.168.0.123

เนื่องจาก.tagส่วนขยายไม่อยู่ในรายการ

วิธีแก้ไข:

ไปที่ Internet Information Service (IIS)

คลิกที่เว็บไซต์ของคุณที่คุณกำลังพยายามโหลดภาพ

ในส่วน IIS ให้เปิดเมนูการตรวจสอบความถูกต้องและเปิดใช้งานการรับรองความถูกต้องของ Windows ด้วย

คำแนะนำหนึ่งที่ฉันพบว่ามีประโยชน์ในอดีตเมื่อพัฒนาไซต์ในสภาพแวดล้อมการทดสอบ localhost เมื่อทำงานกับสำเนาของไซต์ที่ใช้งานจริง ตรวจสอบให้แน่ใจว่าคุณได้แสดงความคิดเห็นในแท็ก Canonical:

  <!--<base href="http://www.example.com/">//-->

หากคุณลองวิธีแก้ไขปัญหาข้างต้นทั้งหมดแล้ว แต่ยังคงมีปัญหาให้ลองใช้วิธีการ ResolveClientUrl () ของ ASP.NET

สคริปต์สำหรับตัวอย่าง:

แทนที่จะใช้

<script src="~/dist/js/app.min.js" ></script>

ใช้วิธีการ

<script src="<%= ResolveClientUrl("~/dist/js/app.min.js") %>" ></script>

นี่เป็นวิธีแก้ปัญหาของฉันที่ได้ผลสำหรับเพื่อนที่ฉันช่วย!

ฉันมีปัญหาเดียวกันนี้ สำหรับฉันมันเป็นเพราะส่วนหัว Cache-Control ถูกตั้งค่าที่ระดับเซิร์ฟเวอร์ใน IIS เป็น no-cache, no-store ดังนั้นสำหรับแอปพลิเคชันของฉันฉันต้องเพิ่มด้านล่างใน web.config ของฉัน:

<httpProtocol>
    <customHeaders>
        <remove name="Cache-Control" />
    </customHeaders>
</httpProtocol>

สาเหตุหนึ่งที่เป็นไปได้คือแอปพลิเคชันของคุณคาดว่าจะทำงานบนพอร์ต 443 (พอร์ต SSL มาตรฐาน) และพอร์ต 443 ถูกใช้งานอยู่แล้ว ฉันพบปัญหานี้หลายครั้งกับนักพัฒนาที่พยายามเรียกใช้แอปพลิเคชันของเราในขณะที่ Skype กำลังทำงานบนคอมพิวเตอร์ของตน

อย่างไม่น่าเชื่อ Skype ทำงานบนพอร์ต 443 นี่เป็นข้อบกพร่องในการออกแบบที่น่ากลัวในความคิดของฉัน หากคุณเห็นแอปพลิเคชันของคุณพยายามทำงานบน 444 แทนที่จะเป็น 443 ให้ปิด Skype และปัญหาจะหมดไป

ฉันเพิ่ม app.UseStaticFiles();รหัสนี้ใน starup.cs ของวิธีการกำหนดค่ากว่าจะได้รับการแก้ไข

และตรวจสอบสิทธิ์ของคุณในโฟลเดอร์นี้

สำหรับรูปภาพใช้

@Url.Content("~/assets/bg4.jpg")

ในสไตล์ใช้สิ่งนี้

style="background-image:url(@Url.Content("~/assets/bg4.jpg"))

ในกรณีของฉันเมื่อไม่มีการโหลดไฟล์ javascript, png หรือ css ของฉันฉันได้ลองใช้คำตอบส่วนใหญ่ข้างต้นและดูเหมือนจะไม่มีการหลอกลวง

ในที่สุดฉันก็พบ " ตัวกรองคำขอ " และจริงๆแล้วต้องเพิ่ม. js, .png, .css เป็นประเภทไฟล์ที่เปิดใช้งาน / ยอมรับ

เมื่อฉันทำการเปลี่ยนแปลงนี้ไฟล์ทั้งหมดจะได้รับการบริการอย่างถูกต้อง

หากคุณพบข้อผิดพลาด 403 ในคอนโซลเบราว์เซอร์ของคุณให้ตรวจสอบ MVC Bundle Config ชื่อบันเดิลไม่ควรตรงกับชื่อโฟลเดอร์ที่มีอยู่ในโปรเจ็กต์ของคุณ

เช่น.

bundles.Add(new StyleBundle("~/Content/css")...

... จะทำให้เกิดปัญหากับ IIS หากโครงสร้างโฟลเดอร์$ (ProjectDir) \ Content \ cssมีอยู่ในโปรเจ็กต์ของคุณเนื่องจากพยายามดูภายในโฟลเดอร์ที่มีอยู่เพื่อหาเนื้อหาบันเดิลที่ไม่มีอยู่

แทนที่จะใช้สิ่งที่ต้องการ:

bundles.Add(new StyleBundle("~/Content/cssbundle")...

ปัญหานี้เกิดขึ้นเมื่อ IIS ไม่แสดงเนื้อหาคงที่เช่นไฟล์ JS, CSS, รูปภาพของคุณ

ในการแก้ไขปัญหานี้คุณต้องทำตามขั้นตอนด้านล่าง:

ไปที่แผงควบคุม> เปิดหรือปิดคุณสมบัติของ Windows> บริการข้อมูลทางอินเทอร์เน็ต> บริการเวิลด์ไวด์เว็บ> คุณสมบัติ HTTP ทั่วไป> เนื้อหาคงที่

ตรวจสอบให้แน่ใจว่าเนื้อหาคงที่เปิดอยู่

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

ฉันมีปัญหาเดียวกันแน่นอนลองทำตามคำแนะนำทั้งหมด แต่ไม่ได้อะไรเลย รบกวนฉันหลายชั่วโมง ปรากฎว่า ISP ของฉันบล็อกพอร์ต 80 ด้วยเหตุผลบางประการ

คำแนะนำ: ตรวจสอบการจราจรของคุณ ตรวจสอบให้แน่ใจว่าพอร์ต 80 ทำงานได้ทั้งภายในเครื่อง (เช่นไฟร์วอลล์) และภายนอก