iis history模式下刷新404问题

又菜又不想学的小张

已于 2023-02-14 13:31:01 修改

阅读量339

点赞数

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

于 2023-02-10 15:30:02 首次发布

本文链接：https://blog.csdn.net/qq_45108358/article/details/128970819

版权

iis 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

解决方法

注意：更新IIS版本，最好的6以上的IIS，否则可能装不上。

1. 安装web程序安装平台

地址：https://www.iis.net/downloads/microsoft/url-rewrite

2. 安装完成后，打开IIS，在主页上，可以看到安装的web程序安装平台

在这里插入图片描述

3. 找到自己的网站，多出url重写选项

在这里插入图片描述

4. 打开这个工具，添加规则——空白规则—

在这里插入图片描述

5. 随便给规则定个名字，在设置匹配URL时候，将“使用”选项改为“通配符”，将模式中写上“*”

6. 设置条件选项，点击添加，在选择输入字符串是否时：选择不是文件，然后确定!

7. 接着就是设置操作中的操作属性，在里面写你打包后的index.html路径，因为你放入的是dist文件夹所以我们要在inde.html 前加上（这是一个站点只有一个项目的情况下）

8. 保存，重启IIS。完美解决。

9. 设置好以后，在你的文件路径下，会都出一个web.config文件。其内容如下，如果安装不成功的，可以将这个文件内容直接写好放到目录下，也是可以的。

web.config 文件内容

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="test" patternSyntax="Wildcard">
                    <match url="*" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/index.html" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>