blocks|key|576827|text|这是windows权限问题，我移动的文件夹继承了错误的权限。当我移动到wwwroot文件夹并向iis用户添加权限时，它开始正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|576828|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It was windows permission issue i move the folder thats it inherit wrong permissions. When i move to wwwroot folder and add permission to iis user it start working fine.

blocks|key|361135|text|问题可能是IIS不提供静态内容，您可以在此处进行设置：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361136|📷|atomic|offset|length|361137|​|361138|来源：http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/|361139|Windows+10：|361140|361141|361142|361143|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b1582f046b0330aed1b64d1fbc30304f.jpeg|imageAlt|1|LINK|MUTABLE|url|http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/|2|https://ask.qcloudimg.com/http-save/yehe-900000/69637ddc441e221b7f24a80672c736dc.png^0|0|0|1|0|0|0|3|1V|1|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|16|8|@]|9|@$E|17|F|18|1|19]]|A|$]]|$1|G|3|H|5|6|7|1A|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1B|8|@]|9|@$E|1C|F|1D|1|1E]]|A|$]]|$1|K|3|L|5|6|7|1F|8|@]|9|@]|A|$]]|$1|M|3|H|5|6|7|1G|8|@]|9|@]|A|$]]|$1|N|3|C|5|D|7|1H|8|@]|9|@$E|1I|F|1J|1|1K]]|A|$]]|$1|O|3|H|5|6|7|1L|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]|Y|$5|Z|T|10|A|$11|12]]|13|$5|S|T|U|A|$V|14|X|-4]]]]

The problem may be that IIS is not serving Static Content, which you can set up here:
<img src="https://i.stack.imgur.com/5DeGI.jpg" alt="enter image description here">

Source: <a href="http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/" rel="noreferrer">http://adilmughal.com/blog/2011/11/iis-7-not-loading-css-and-image/</a>

Windows 10:

<a href="https://i.stack.imgur.com/WjJaE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WjJaE.png" alt="windows 10 version of the above dialog"></a>

blocks|key|576837|text|这可能不能回答您的问题，但是我在新的IIS安装中遇到了同样的症状。CSS、JS和图像没有出现。是由于IIS+7.5中未安装“静态内容”角色造成的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|576838|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This might not answer your question but I've been banging my head with the same symptoms with a new IIS installation. CSS, JS and images were not showing up. Was due to the "Static Content" role not being installed in IIS 7.5.

blocks|key|360916|text|将此代码添加到您的web.config|type|unstyled|depth|inlineStyleRanges|entityRanges|data|360917|<location+path="Images">
++++<system.web>
++++++++<authorization>
++++++++++++<allow+users="*"+/>
++++++++</authorization>
++++</system.web>
</location>|code-block|syntax|javascript|360918|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Add this to your web.config

<pre><code>&lt;location path="Images"&gt;
 &lt;system.web&gt;
 &lt;authorization&gt;
 &lt;allow users="*" /&gt;
 &lt;/authorization&gt;
 &lt;/system.web&gt;
&lt;/location&gt;
</code></pre>

blocks|key|360958|text|在web.config文件的配置节中使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|360959|<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>|code-block|syntax|javascript|360960|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use this in configuration section of your web.config file:

<pre><code>&lt;location path="images"&gt;
&lt;system.web&gt;
 &lt;authorization&gt;
 &lt;allow users="*"/&gt;
 &lt;/authorization&gt;
&lt;/system.web&gt;
&lt;/location&gt;
&lt;location path="css"&gt;
&lt;system.web&gt;
 &lt;authorization&gt;
 &lt;allow users="*"/&gt;
 &lt;/authorization&gt;
&lt;/system.web&gt;
&lt;/location&gt;
&lt;location path="js"&gt;
&lt;system.web&gt;
 &lt;authorization&gt;
 &lt;allow users="*"/&gt;
 &lt;/authorization&gt;
&lt;/system.web&gt;
&lt;/location&gt;
</code></pre>

blocks|key|361878|text|这是一个身份验证问题。在我的例子中，它通过以下步骤解决:+1-转到IIS管理器，在左侧窗格中，展开服务器根目录，并从站点节点中选择您的web应用程序。2-在主页屏幕中，转到IIS部分并选择身份验证。3-启用匿名身份验证。4-然后，选择编辑并将编辑匿名身份验证凭据设置为应用程序池标识。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361879|​|361880|📷|atomic|offset|length|361881|361882|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/8e35f5cb628155e898c19acc9eb25047.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

This is an authentication issue. In my case, it solved by below steps:
1- Go to IIS manager, in the left pane, expand the server root and select your web application from Sites node.
2- In the Home screen, go to IIS section and select Authentication.
3- Enable Anonymous Authentication.
4- Then, select Edit and set Edit Anonymous Authentication Credentials to Application pool identity.

<a href="https://i.stack.imgur.com/ZirjN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZirjN.png" alt="Anonymous Authentication Credentials"></a>

blocks|key|577678|text|当IIS不像JS、CSS、Image文件那样呈现静态内容时，就会出现此问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|577679|要解决此问题，您需要执行以下步骤：|577680|转到“控制面板”>“打开或关闭Windows功能”>“Internet信息服务”>“万维网服务”>“通用HTTP功能”>“静态内容”。|577681|确保静态内容已打开。|577682|对啰。你就完了。硬重新加载页面，您将能够看到所有静态内容。|577683|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

This issue occurs when IIS does not render the static contents like your JS, CSS, Image files. 

To resolve this issue, you need to follow the below steps:

GO to Control Panel > Turn Windows features on or off > Internet Information Services > World Wide Web Services > Common HTTP Features > Static Content.

Ensure that static content is turned on. 

Bingo. And you are done. Hard-reload the page and you will be able to see all the static contents.

blocks|key|361343|text|对我来说，在web.config中添加这个解决了这个问题|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|361344|<system.webServer>
++++<modules+runAllManagedModulesForAllRequests="true"+>
++++++<remove+name="UrlRoutingModule"/>++++
++++</modules>
</system.webServer>|code-block|syntax|javascript|361345|entityMap^0|6|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

For me adding this in the <code>web.config</code> resolved the problem

<pre class="lang-xml prettyprint-override"><code>&lt;system.webServer&gt;
 &lt;modules runAllManagedModulesForAllRequests="true" &gt;
 &lt;remove name="UrlRoutingModule"/&gt; 
 &lt;/modules&gt;
&lt;/system.webServer&gt;
</code></pre>

blocks|key|361574|text|我的痛苦是由于在web.config中定义MIME类型。我需要在开发服务器上使用它，但是本地IIS讨厌它，因为它复制了MIME类型...一旦我从web.config中删除了这些，js、css和图像不能加载的问题就消失了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361575|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

My hour of pain was due to defining MIME types in the web.config. I needed this for the development server but local IIS hated it because it duplicated MIME types... once I removed these from the web.config the problem with js, css, and images not loading went away.

blocks|key|361204|text|在我的情况下，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361205|IIS可以使用localhost加载所有内容，但无法从192.168.0.123加载我的模板文件app.tag|offset|length|style|CODE|361206|因为.tag扩展名不在列表中。|361207|​|361208|📷|atomic|361209|361210|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/8bbf257255a5cdb62598c65832c23174.png|imageAlt^0|0|7|9|R|D|1C|7|0|2|4|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]|$D|12|E|13|F|G]|$D|14|E|15|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1A|8|@]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|O|3|K|5|6|7|1E|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

In my case, 

IIS can load everything with <code>localhost</code>, but could not load my template files <code>app.tag</code> from <code>192.168.0.123</code>

because the <code>.tag</code> extension was not in the list.

<a href="https://i.stack.imgur.com/HHmvu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HHmvu.png" alt="IIS MIME types"></a>

blocks|key|361286|text|要解决此问题，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361287|转到Internet信息服务(IIS)|361288|点击你的网站，你正在尝试加载图片|361289|在“IIS”部分下，打开“身份验证”菜单并启用“Windows身份验证”。|361290|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

To fix this:

Go to Internet Information Service (IIS)

Click on your website you are trying to load image on

Under IIS section, Open the Authentication menu and Enable Windows Authentication as well.

blocks|key|361462|text|我过去发现的一个建议对在本地主机测试环境中使用生产站点的副本开发站点很有帮助。确保注释掉规范标记：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361463|++|code-block|syntax|javascript|361464|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

One suggestion I have found helpful in the past when developing sites in localhost test environment when working with a copy of production site. Make sure that you comment out the canonical tags:

<pre><code> &lt;!--&lt;base href="http://www.example.com/"&gt;//--&gt;
</code></pre>

blocks|key|577274|text|如果您尝试了上述所有解决方案，但仍然存在问题，请考虑使用ASP.NET的ResolveClientUrl()方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|577275|脚本，例如：|577276|不是使用|577277|<script+src="~/dist/js/app.min.js"+></script>|code-block|syntax|javascript|577278|使用方法|577279|<script+src="<%25=+ResolveClientUrl("~/dist/js/app.min.js")+%25>"+></script>|577280|这是我的解决方案，对一个我正在帮助的朋友很有效！|577281|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

If you tried all the above solutions and still have problems, consider using the method ResolveClientUrl() of ASP.NET .

A script for Example :

Instead of using

<pre><code>&lt;script src="~/dist/js/app.min.js" &gt;&lt;/script&gt;
</code></pre>

Use the method

<pre><code>&lt;script src="&lt;%= ResolveClientUrl("~/dist/js/app.min.js") %&gt;" &gt;&lt;/script&gt;
</code></pre>

This was my solution that worked for a friend I was helping!

blocks|key|361761|text|我也有同样的问题。对我来说，这是因为在IIS中，服务器级别的Cache-Control头被设置为no-cache，no-store。因此，对于我的应用程序，我必须在我的web.config中添加以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361762|<httpProtocol>
++++<customHeaders>
++++++++<remove+name="Cache-Control"+/>
++++</customHeaders>
</httpProtocol>|code-block|syntax|javascript|361763|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I had this same problem. For me, it was due to Cache-Control header being set at the server level in IIS to no-cache, no-store. So for my application I had to add in the below to my web.config:

<pre><code>&lt;httpProtocol&gt;
 &lt;customHeaders&gt;
 &lt;remove name="Cache-Control" /&gt;
 &lt;/customHeaders&gt;
&lt;/httpProtocol&gt;
</code></pre>

blocks|key|577170|text|一个可能的原因是您的应用程序期望在端口443+(标准SSL端口)上运行，而端口443已经在使用中。当Skype在他们的计算机上运行时，开发人员试图运行我们的应用程序，我遇到过几次这样的情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|577171|令人难以置信的是，Skype在端口443上运行。在我看来，这是一个可怕的设计缺陷。如果你看到你的应用程序试图在444而不是443上运行，关闭Skype，这个问题就会消失。|577172|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

One possible cause of this is that your application expects to run on port 443 (standard SSL port) and port 443 is already in use. I have run into this several times with developers trying to run our application while Skype is running on their computers.

Incredibly, Skype runs on port 443. This is a horrible design flaw in my opinion. If you see your application trying to run on 444 instead of 443, shut down Skype and the problem will go away.

blocks|key|577400|text|我在app.UseStaticFiles();方法的starup.cs中添加了这个代码，然后修复了它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|577401|并检查您对此文件夹的权限。|577402|entityMap^0|2|L|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

I added <code>app.UseStaticFiles();</code> this code in starup.cs of Configure method, than it is fixed.

And Check your permission on this folder.

blocks|key|361704|text|对于图像使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|361705|@Url.Content("~/assets/bg4.jpg")|code-block|syntax|javascript|361706|在样式上使用以下代码|361707|style="background-image:url(@Url.Content("~/assets/bg4.jpg"))|361708|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For Images use

<pre><code>@Url.Content("~/assets/bg4.jpg")
</code></pre>

on a Style use this

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

blocks|key|577752|text|我遇到了完全相同的问题，尝试了所有的建议，但一无所获。烦了我几个小时。由于某些原因，我的ISP阻止了80端口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|577753|建议:检查你的流量。确保端口80在本地(即防火墙)和外部都能正常工作。|577754|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I had exact same problem, tried all of the suggestions but got nothing. Bugged me hours. Turned out my ISP blocked port 80 for some reasons. 

Advice: check your traffic. Make sure port 80 works both locally (i.e. firewall) and externally.

My all applications were working fine but suddenly all sites under IIS are not loading css, images, scripts. It redirect to login page. 

If i login it works fine. e.g. mysite.com/Account/LogOn?ReturnUrl=%2fpublic%2fimages%2ficons%2f41.png

On my local machine it works fine without login.

CSS, Images, JS not loading in IIS

我的所有应用程序都工作得很好，但是突然之间，IIS下的所有站点都无法加载css、图像和脚本。它将重定向到登录页面。如果我登录，它工作得很好。例如mysite.com/Account/LogOn?ReturnUrl=%2fpublic%2fimages%2ficons%2f41.png在我的本地机器上，它在没有登录的情况下运行良好。

问未在IIS中加载CSS、图像、JS
EN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未在IIS中加载CSS、图像、JSEN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未在IIS中加载CSS、图像、JS
EN