Vue History模式IIS的配置补充

Posted 2020-12-11 提升自己，迎接未来

摘自 ：https://blog.csdn.net/ssdnif/article/details/103856283

官方提供的配置
<?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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
补充配置
建议使用一些安全的“后备”规则来避免这些难以解决的问题

<add input="{REQUEST_FILENAME}" pattern="(.*?).html$" negate="true" />
<add input="{REQUEST_FILENAME}" pattern="(.*?).js$" negate="true" />
<add input="{REQUEST_FILENAME}" pattern="(.*?).css$" negate="true" />
1
2
3
或与任何文件结尾匹配的条件

<add input="{REQUEST_FILENAME}" pattern=".*.[dw]+$" negate="true" />
1
匹配规则
如果网站地址与HTTP请求的地址是同一个网址时需修改规则的匹配模式
例如网站为：www.abc.com
请求地址为：www.abc.com/api

<match url="(.*)" />
1
修改为

<match url="^(?![api]).*$" />
1
或则所有的HTTP请求都将是404返回
————————————————
版权声明：本文为CSDN博主「ssdnif」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ssdnif/article/details/103856283