`**：这是关键的排除条件。input=”{REQUEST_URI}”：指定我们正在检查请求的URI路径。pattern=”^/(css|images|js|favicon.ico)(/.*)?$”：这个正则表达式匹配以 /css/、/images/、/js/ 开头，或者精确匹配 /favicon.ico 的URI。您可以根据实际项目结构扩展此模式，包含所有存放静态资源的目录或文件。negate=”true”：此属性至关重要。它表示当 REQUEST_URI 不匹配 pattern 时，条件才为真。因此，如果请求是针对静态文件（例如 /css/style.css），则此条件评估为假，重写规则将被跳过，静态文件得以正常加载。redirectType=”Permanent”：建议明确指定重定向类型（301永久重定向或302临时重定向）。
方法二：先处理静态文件，再处理其他请求
这种方法通过定义两个规则，第一个规则用于处理并停止对实际文件和目录的重写，第二个规则再处理其他所有请求。规则的顺序在此处至关重要。
代码解释：
规则1 (Exclude existing files and directories)：logicalGrouping=”MatchAny”：表示只要 IsFile 或 IsDirectory 中任意一个条件为真，则整个条件组为真。matchType=”IsFile” 和 matchType=”IsDirectory”：检查请求的路径是否对应服务器上实际存在的文件或目录。action type=”None”：如果请求是针对一个真实的文件或目录，则不执行任何重写操作，并且 stopProcessing=”true” 会阻止后续规则的执行。规则2 (Redirect all other requests to root)：此规则只有在规则1没有匹配（即请求的不是一个实际文件或目录）的情况下才会执行。它将所有剩余的请求重定向到指定URL。
故障排除与验证
当遇到静态文件加载问题时，浏览器开发者工具（通常通过按 F12 键打开）是诊断问题的最佳工具：
网络（Network）选项卡：刷新页面后，检查此选项卡。查找任何返回 404 Not Found 或 301/302 Redirect 状态码的CSS、JS或图片文件请求。检查重定向：如果发现静态文件请求返回 301 或 302 状态码，请查看该请求的响应详情，特别是 Location 头部。它会显示浏览器被重定向到了哪里，这通常直接指向您的重写规则配置问题。控制台（Console）选项卡：检查控制台中是否有任何与资源加载失败相关的错误信息。
通过这些诊断步骤，您可以迅速确认重写规则是否是导致问题的原因，并验证您的修复方案是否有效。
注意事项
URL Rewrite模块安装：确保您的IIS服务器已安装URL Rewrite模块。如果未安装，web.config中的节将导致服务器错误。路径类型：在HTML和CSS中引用静态资源时，建议使用根相对路径（例如 /css/style.css 而不是 css/style.css），这样可以避免在URL结构变化时出现问题。缓存清理：在修改web.config后，务必清除浏览器缓存（通常按 Ctrl+F5 或 Shift+F5）以确保加载的是最新文件。服务器端缓存也可能需要清理。规则顺序：在配置多个重写规则时，规则的顺序非常重要。IIS会按照它们在web.config中出现的顺序进行处理，stopProcessing=”true” 会在当前规则匹配并执行后停止后续规则的评估。
总结
在IIS中使用URL重写功能时，务必仔细配置规则，特别是当规则涉及全局重定向时。通过在重写规则中明确排除静态资源请求，可以有效避免因规则过于宽泛而导致的样式丢失、图片不显示等问题。利用浏览器开发者工具进行网络请求分析是诊断此类问题的关键步骤，能够帮助开发者快速定位并解决问题。正确配置的重写规则不仅能优化URL结构，还能确保网站所有资源的正常加载。
以上就是解决IIS URL重写规则导致静态资源加载失败的问题的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1596945.html
微信扫一扫 
支付宝扫一扫 
