Vue History模式IIS的配置补充

最新推荐文章于 2024-05-05 12:58:21 发布

ssdnif

最新推荐文章于 2024-05-05 12:58:21 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js iis

本文链接：https://blog.youkuaiyun.com/ssdnif/article/details/103856283

Vue 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了IIS服务器中rewrite模块的配置规则，包括如何处理404/500错误、设置安全后备规则、匹配网站地址及HTTP请求等，帮助读者掌握IIS重写规则的高级应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方提供的配置

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
          <match url="(.*)" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

补充配置

建议使用一些安全的“后备”规则来避免这些难以解决的问题

  <add input="{REQUEST_FILENAME}" pattern="(.*?)\.html$" negate="true" />
  <add input="{REQUEST_FILENAME}" pattern="(.*?)\.js$" negate="true" />
  <add input="{REQUEST_FILENAME}" pattern="(.*?)\.css$" negate="true" />

或与任何文件结尾匹配的条件

  <add input="{REQUEST_FILENAME}" pattern=".*\.[\d\w]+$" negate="true" />

匹配规则

如果网站地址与HTTP请求的地址是同一个网址时需修改规则的匹配模式
例如网站为：www.abc.com
请求地址为：www.abc.com/api

<match url="(.*)" />

修改为

<match url="^(?![api]).*$" />

或则所有的HTTP请求都将是404返回