IIS部署Vue项目后非history模式下刷新404

最新推荐文章于 2024-07-02 20:37:40 发布

原创最新推荐文章于 2024-07-02 20:37:40 发布 · 1.8k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web开发同时被 2 个专栏收录

18 篇文章

订阅专栏

VUE

13 篇文章

订阅专栏

本文介绍如何在IIS中配置URL重写规则，包括安装URL重写工具及通过web.config文件设置重定向，确保VUE项目正确路由。

配置URL重写规则

1.检查在iis是否安装了URL重写工具，如果没有安装则安装，否则无法解决。怎么安装可参考 iis url重写安装

2.添加URL重写规则

方式一：直接在在iis上配置规则，怎么配置可网上查找

方式二（推荐）:.在发布后的VUE项目根目录下添加的web.config配置文件，内容如下

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="CHRoutes" 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="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>