IIS部署vue项目页面刷新404,url重写问题解决办法

nginx

    location / {
        try_files $uri $uri/ /index.html;
    }

 

web.config

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="404" patternSyntax="Wildcard">
                    <match url="*" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
                <rule name="http重定向https" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions>
                        <add input="{HTTPS}" pattern="^OFF$" />
                    </conditions>
                    <action type="Redirect" url="https://{HTTP_HOST}/{R:1}" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装)

如果IIS上默认有安装Web平台安装程序，我们可以使用平台自动安装URL Rewrite重写工具，打开IIS在管理器主页中找到管理项，打开Web平台安装程序，如下图：

搜索url—找到url重写

对当前项目进行url重写—添加规则–空白规则

完成后.点击右侧 应用–返回规则