解决IIS+vue 在地址栏直接输入URL报404的问题

1. vue-router 设置 history 模式

2. IIS 配置

1. 安装 url rewrite https://www.iis.net/downloads/microsoft/url-rewrite
2. 在网站根目录下添加 web.config

       <?xml version="1.0" encoding="utf-8"?>
<configuration>
  <location path="." inheritInChildApplications="false">
    <system.webServer>
      <rewrite>
        <rules>
            <rule name="API Rule" stopProcessing="true">
                <match url="^(api|account|manage)(.*)$" />
                <action type="None" />
            </rule>
            <rule name="Angular Rule" 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>
  </location>
</configuration>