VUE 部署到 IIS 刷新报404

目录

方式一：打包后的根目录新建web.config

方式二：IIS中配置URL重写

---

 Vue 项目配置路由为 history 模式，浏览器F5刷新后，会显示404 报错

方式一：打包后的根目录新建web.config

参考：https://www.baidu.com/link?url=2to7whYMtiodVGbbmgW7g2lvRfTadJlkvrqhAHcuBAjE1RZFW-6eHbstWZdPv2ZqLug03D-D60hPsNSrjZ7AeK&wd=&eqid=c7a6e7a0001d8db100000006626503b8

<?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>

方式二：IIS中配置URL重写

Windows开启IIS服务器，并发布网站：https://blog.csdn.net/qq_40323256/article/details/120332167 

下载url重写工具：https://www.iis.net/downloads/microsoft/url-rewrite