CSS, Gambar, JS tidak memuat di IIS

Semua aplikasi saya berfungsi dengan baik tetapi tiba-tiba semua situs di bawah IIS tidak memuat css, gambar, skrip. Ini mengarahkan ke halaman login.

Jika saya login berfungsi dengan baik. mis. mysite.com/Account/LogOn?ReturnUrl=%2fpublic%2fimages%2ficons%2f41.png

Di mesin lokal saya berfungsi dengan baik tanpa login.

Masalahnya mungkin karena IIS tidak menayangkan Konten Statis, yang dapat Anda atur di sini:

Sumber: http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/

Windows 10:

Saya memiliki masalah yang sama, halaman yang tidak diauthentikasi tidak akan memuat CSS, JS dan Gambar ketika saya menginstal aplikasi web saya di ASP.Net 4.5 di IIS 8.5 pada Windows Server 2012 R2.

1. Saya telah menginstal peran konten statis
2. Aplikasi Web saya ada di folder wwwroot IIS dan semua izin Folder Windows masih utuh (yang default, termasuk IIS_IUSRS)
3. Saya menambahkan otorisasi untuk semua folder yang berisi CSS, JS dan gambar.
4. Saya memiliki folder aplikasi web pada share windows, jadi saya menghapus sharing seperti yang disarankan oleh @ imran-rashid

Namun, sepertinya tidak ada yang menyelesaikan masalah. Lalu akhirnya saya mencoba mengatur identitas pengguna anonim ke App Pool Identity dan mulai berfungsi.

Saya membenturkan kepalaku selama beberapa jam dan berharap bahwa respons ini akan menyelamatkan penderitaan bagi sesama pengembang.

Saya benar-benar ingin tahu mengapa ini berhasil. Adakah pikiran?

Saya memiliki kesalahan yang serupa, konsol saya terlihat seperti ini:

Masalah saya adalah saya menjalankan situs saya dalam sub folder karena perusahaan menggunakan satu domain teratas dan tidak ada sub domain. Seperti ini:

host.com/app1

host.com/app2

Kode saya terlihat seperti ini untuk menyertakan skrip yang bekerja dengan baik di localhost tetapi tidak di app1 atau app2:

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

Menambahkan tanda tilde ~ke src dan kemudian semuanya bekerja:

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

Penjelasan ~vs /:

• / - Root situs
• ~/ - Direktori root aplikasi

/akan mengembalikan akar situs ( http://host.com/),

~/akan mengembalikan root aplikasi ( http://host.com/app1/).

Coba hapus bagian staticContent dari web.config Anda .

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

Ini mungkin tidak menjawab pertanyaan Anda tetapi saya telah membenturkan kepala saya dengan gejala yang sama dengan instalasi IIS baru. CSS, JS, dan gambar tidak muncul. Karena peran "Konten Statis" tidak diinstal di IIS 7.5.

Anda mungkin mengaktifkan otentikasi Windows di web.config Anda. Di mesin lokal, kredensial Windows Anda secara otomatis diteruskan dan berfungsi. Di situs langsung, Anda diperlakukan sebagai pengguna anonim (pengaturan IE dapat mengontrol ini, tetapi jangan modifikasi ini kecuali Anda benar-benar tahu apa yang Anda lakukan).

Ini menyebabkan hal-hal berikut:

• Anda diharuskan untuk masuk secara eksplisit.
• Sumber daya seperti skrip dan CSS tidak disajikan pada halaman login karena Anda tidak diautentikasi.

Ini tidak rusak, hanya berfungsi sebagaimana dimaksud, tetapi untuk "memperbaiki" ini:

• Ubah jenis otentikasi di web.config jika Anda tidak ingin login.
• Dan / atau tambahkan web.config di direktori yang berisi CSS, gambar, skrip, dll. Yang menentukan aturan otorisasi.

Tambahkan ini ke web.config Anda

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

Gunakan ini di bagian konfigurasi file web.config Anda:

<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>

Itu masalah izin windows saya memindahkan folder itu mewarisi izin yang salah. Ketika saya pindah ke folder wwwroot dan menambahkan izin untuk pengguna iis itu mulai berfungsi dengan baik.

Bagi saya menambahkan ini dalam web.configmenyelesaikan masalah

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

Jam kesakitan saya adalah karena mendefinisikan tipe MIME di web.config. Saya memerlukan ini untuk server pengembangan tetapi IIS lokal membencinya karena itu menduplikasi tipe MIME ... setelah saya menghapus ini dari web.config masalah dengan js, css, dan gambar tidak memuat hilang.

Ini adalah masalah otentikasi. Dalam kasus saya, ini diselesaikan dengan langkah-langkah di bawah ini: 1- Buka IIS manager, di panel kiri, perluas root server dan pilih aplikasi web Anda dari situs Sites. 2- Di layar Utama, buka bagian IIS dan pilih Otentikasi. 3- Aktifkan Otentikasi Anonim. 4- Lalu, pilih Edit dan atur Edit Kredensial Autentikasi Anonim ke identitas kumpulan Aplikasi.

Dalam kasus saya,

IIS dapat memuat segala sesuatu dengan localhost, tapi tidak bisa memuat file template saya app.tagdari192.168.0.123

karena .tagekstensi itu tidak ada dalam daftar.

Untuk memperbaikinya:

Pergi ke Layanan Informasi Internet (IIS)

Klik situs web tempat Anda memuat gambar

Di bawah bagian IIS, Buka menu Otentikasi dan Aktifkan Otentikasi Windows juga.

Satu saran yang saya temukan sangat membantu di masa lalu ketika mengembangkan situs di lingkungan pengujian localhost ketika bekerja dengan salinan situs produksi. Pastikan Anda mengomentari tag kanonik:

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

Jika Anda mencoba semua solusi di atas dan masih memiliki masalah, pertimbangkan untuk menggunakan metode ResolveClientUrl () dari ASP.NET.

Sebuah skrip untuk Contoh:

Alih-alih menggunakan

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

Gunakan metodenya

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

Ini adalah solusi saya yang berhasil untuk teman yang saya bantu!

Saya punya masalah yang sama. Bagi saya, itu karena header Cache-Control ditetapkan di tingkat server di IIS ke no-cache, no-store. Jadi untuk aplikasi saya, saya harus menambahkan di bawah ini ke web.config saya:

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

Salah satu kemungkinan penyebabnya adalah aplikasi Anda berharap untuk berjalan di port 443 (port SSL standar) dan port 443 sudah digunakan. Saya telah mengalami beberapa kali ini dengan pengembang mencoba menjalankan aplikasi kami saat Skype berjalan di komputer mereka.

Luar biasa, Skype berjalan pada port 443. Ini adalah kesalahan desain yang mengerikan menurut saya. Jika Anda melihat aplikasi Anda mencoba dijalankan pada 444 alih-alih 443, matikan Skype dan masalahnya akan hilang.

Saya menambahkan app.UseStaticFiles();kode ini di starup.cs metode Konfigurasi, daripada diperbaiki.

Dan Periksa izin Anda di folder ini.

Untuk Gambar digunakan

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

pada Gaya gunakan ini

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

Dalam kasus saya ketika tidak ada file javascript, png, atau css saya dimuat saya mencoba sebagian besar jawaban di atas dan sepertinya tidak ada yang melakukan trik.

Saya akhirnya menemukan " Permintaan Filter ", dan sebenarnya harus menambahkan .js, .png, .css sebagai jenis file yang diaktifkan / diterima.

Setelah saya melakukan perubahan ini, semua file disajikan dengan benar.

Jika Anda melihat 403 kesalahan di konsol browser Anda, periksa MVC Bundle Config Anda. Nama bundel tidak boleh cocok dengan nama folder yang ada di proyek Anda.

misalnya.

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

... akan menyebabkan masalah bagi IIS jika struktur folder $ (ProjectDir) \ Content \ css ada di proyek Anda, karena ia mencoba mencari di dalam folder yang ada untuk konten bundel yang tidak ada di sana.

Alih-alih hanya menggunakan sesuatu seperti:

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

Masalah ini terjadi ketika IIS tidak membuat konten statis seperti file JS, CSS, gambar Anda.

Untuk mengatasi masalah ini, Anda harus mengikuti langkah-langkah di bawah ini:

GO to Control Panel> Mengaktifkan atau menonaktifkan fitur Windows> Layanan Informasi Internet> World Wide Web Services> Fitur HTTP Umum> Konten Statis.

Pastikan konten statis dihidupkan.

Bingo. Dan kamu sudah selesai. Isi ulang laman dengan susah payah dan Anda akan dapat melihat semua konten statis.

Saya punya masalah yang sama persis, mencoba semua saran tetapi tidak mendapat apa-apa. Mengganggu saya berjam-jam. Ternyata ISP saya memblokir port 80 karena beberapa alasan.

Saran: periksa lalu lintas Anda. Pastikan port 80 berfungsi baik secara lokal (mis. Firewall) dan secara eksternal.