asp.net - transferred - configurar mime types en iis
Recurso interpretado como Stylesheet pero transferido con texto tipo MIME/html en ASP.NET IIS (6)
Esto es un problema cuando está usando la URL de reescritura en IIS (en mi caso fue eso), necesita agregar esta entrada en su archivo web.config de su web antes de la entrada de reescribir, algo como esto:
<rule name="CSS" stopProcessing="true">
<match url=".css" />
<conditions logicalGrouping="MatchAll" trackAllCaptures="false">
<add input="{REQUEST_FILENAME}" matchType="IsFile" />
</conditions>
<action type="None" />
</rule>
<rule name="mod_write" stopProcessing="true">
<match url="^(.*)$" ignoreCase="true" />
<conditions logicalGrouping="MatchAll" trackAllCaptures="false">
<add input="%(REQUES_FILENAME)" matchType="IsDirectory" negate="true" />
<add input="%(REQUES_FILENAME)" matchType="IsFile" negate="true" />
</conditions>
<action type="Rewrite" url="index.php?url={R:1}" appendQueryString="false" />
</rule>
Estoy teniendo una página de inicio de sesión cuando se ejecuta la página se elimina de css
.
Encontré este mensaje desde el depurador de Chrome. Estoy usando asp.net 2008.
¿Algunas ideas?
<head id="Head1" runat="server">
<title>CalibPro</title>
<link href="css/Login.css" rel="stylesheet" type="text/css" />
<link href="css/Common.css" rel="stylesheet" type="text/css" />
</head>
editado según el consejo de @robx.
No sé si desarrolló su proyecto en el marco. tuve estos errores cuando desarrollé en el Marco ThinkPHP. Y la razón es que frameowrk tiene algunas reglas sobre la ruta del archivo css que se incluirán, de modo que si utiliza el marco, puede verificar si el marco tiene sus reglas para la ruta del archivo css externo o el archivo javascript.
Asegúrese de habilitar "Contenido estático" en las características de Windows de IIS.
Me parece que el problema está en su configuración de IIS. podría estar configurado para entregar archivos .css con texto / html tipo MIME.
Intente ir a la configuración de tipos MIME en el servidor web y vea si puede encontrar algo allí.
El tipo MIME correcto para los archivos .css es text / css.
También puede echar un vistazo a los parámetros del encabezado HTTP con algún sniffer HTTP como el violín.
Actualización: ¡la respuesta aceptada debería ser la señalada por @ breet-pennings! Simplemente proporcionando contenido estático, el error desapareció automáticamente:
Tuve esto usando webpack-dev-server, fue debido a un problema de firewall bloqueando el acceso a internet. Inicialmente no pensé que estuviera relacionado con Internet porque pensé en incluir todo mi CSS sin depender de fuentes externas. Pero después de excavar, encontré otro archivo CSS que intentaba cargar fuentes externas desde fonts.gstatic.com, esto junto con mi firewall, creó mi problema.
¡Oh querido señor! Este fue uno de esos errores que parece venir de la nada ... Me estaba rascando la cabeza durante casi 1 hora tratando de identificar qué causaba que solo 1 archivo .css
específico mostrara un mensaje muy similar en la ventana de la consola de Chrome:
Resource interpreted as Stylesheet but transferred with MIME type text/plain
Usted ve que es text/plain
lugar de text/html
.
El archivo en cuestión era este:
https://raw.github.com/LPology/Bootstrap-IE7Fix/master/css/bootstrap-ie7fix.css
Lo que hice en Visual Studio 2013 Ultimate fue:
- Haz clic derecho en la carpeta de
Content
del proyecto y selecciona AgregarStyle Sheet
. - Cambié el nombre del archivo a
bootstrap-ie7fix.css
- Copió el contenido completo del archivo
.css
anterior.css
- Pegó todo el contenido dentro de Visual Studio y guardó el archivo
Hice referencia a este nuevo archivo en mi vista Razor
en una ASP.NET MVC
de la misma manera aceptada por moda anterior exactamente igual :
<link rel="stylesheet" type="text/css" href="/../itvizionlogs/widgets/Content/bootstrap-ie7fix.css">
Por alguna razón loca / desconocida ese archivo no mostraría nada en Chrome, Firefox, Internet Explorer. ¿Qué demonios está pasando con este archivo ya que todos los demás en el mismo directorio /Content
están cargando muy bien?
Mi último intento fue esto:
- Navegado al archivo original en el navegador: https://raw.github.com/LPology/Bootstrap-IE7Fix/master/css/bootstrap-ie7fix.css
- Hice
File => Save Page As...
elFile => Save Page As...
de ChromeFile => Save Page As...
opción de menú y sobrescribí el archivo existente en mi / dir de contenido. - Intenté volver a cargar la página de mi aplicación y listo ... este misterioso archivo .css finalmente se cargó.
¡Supongo que Visual Studio codificó la codificación de ese archivo inicialmente o algo así!