当我们在开发前端网站时，经常会遇到IIS服务器上的图片、CSS和JS文件无法加载的情况。这些静态资源是构建一个漂亮、交互性强的网站必不可少的元素。本文将介绍常见原因及解决方法。
常见原因
MIME 类型未添加
服务器在响应请求时，根据 HTTP 的 Content-Type 响应头来判断响应的数据类型。如果该类型未正确设置，浏览器将无法正确地解析响应内容。默认情况下，IIS 并未为很多静态文件类型指定 MIME 类型。
静态文件目录权限问题
在IIS中，为了避免安全风险，一般情况下只有精确授权才能访问站点的物理路径。如果目录没有正确的权限，IIS 将无法读取相关文件并提供给客户端浏览器。
URL 重写
如果启用了URL重写，则可能会导致无法加载静态资源。
解决方法
添加 MIME 类型
在 IIS 管理器中找到对应站点，点击“MIME 类型”图标，在窗口中添加缺失的 MIME 类型即可。例如：
.css text/css .js application/x-javascript .jpg image/jpeg .png image/png .gif image/gif
分配目录权限
在 IIS 管理器中找到对应站点，点击“基本设置”，然后点击“物理路径”下的“授权”，向该目录添加 IIS_IUSRS 用户或指定读取权限。
关闭 URL 重写
如果使用了 URL 重写，请检查规则是否正确并且不会影响静态资源。可以通过禁用 URL 重写来测试这一问题。
示例代码
以下是一个简单的 HTML 页面，演示如何引入 CSS 和 JS 文件：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
----- ---------------- -------------------------
------- ----------------------------------
------- --------------------------------
-------
------
---------- -----------
-------
-------以上就是如何解决IIS 7.5中图片、CSS和JS文件无法显示的问题。通过这些方法，我们可以更容易地构建出美观、高效的网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31567