IIS部署前端项目刷新报错404

关注

原创最新推荐文章于 2026-03-27 09:03:51 发布 1.6k 阅读 AI 写同款· GEO 优化 ›

单页面应用部署到iis上可以正常打开，刷新就404 综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。阅读详情

react项目部署在windows服务器上时，使用IIS来部署，部署完成后打开响应ip+port没有报错，在相应页面点击刷新会出现这样的错误

解决办法：在项目根目录的web.config文件中使用下面一段代码即可(如果没有web.config可以手动创建一个)

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="ReactRouter" patternSyntax="ECMAScript" stopProcessing="true">
          <match url=".*" />
          <conditions>
            <add input="{HTTP_METHOD}" pattern="^GET$" />
            <add input="{HTTP_ACCEPT}" pattern="^text/html" />
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
          </conditions>
          <action type="Rewrite" url="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

有的文章使用URL重写进行配置相关内容是一样的道理，使用URL重写配置之后也会自动生成相应的web.config