使用IIS的Url重写路由

原创已于 2022-09-14 14:22:20 修改 · 2.8k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#iis #vue

于 2021-03-10 11:32:50 首次发布

.net core 同时被 2 个专栏收录

10 篇文章

订阅专栏

9 篇文章

订阅专栏

本文介绍如何使用IIS的URL重写功能解决Vue应用刷新404问题、实现HTTPS重定向、统一域名前缀及配置API反向代理。通过具体实例展示了不同场景下的配置方法。

使用IIS的Url重写路由

1、解决Vue刷新404的问题

IIS配置

设置之后会在项目目录下生成一个web.config文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Vue刷新404">
                    <match url="(.*)" />
                    <conditions>
                        <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>

2、重定向到https

代码为：

<rule name="重定向到https" enabled="true" stopProcessing="true">
            <match url="(.*)" />
            <conditions>
                <add input="{HTTPS}" pattern="^OFF$" />
                <add input="{HTTPS_HOST}" pattern="^(localhost)" negate="true" />
            </conditions>
            <action type="Redirect" url="https://{HTTP_HOST}/{R:1}" appendQueryString="true" redirectType="Permanent" />
        </rule>

3、不带www重定向到带www

                <rule name="重定向www" enabled="true" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions logicalGrouping="MatchAny">
                        <add input="{HTTP_HOST}" pattern="^(?!www\.)(.+\..+)$" />
                    </conditions>
                    <action type="Redirect" url="https://www.{C:1}/{R:1}" appendQueryString="true" redirectType="Permanent"/>
                    </rule>

4、反向代理接口api

4.1、Application Request Routing

需安装Application Request Routing并启用(默认为启用状态)：
在这里插入图片描述

4.2、配置Url重写规则

新建空白规则，规则配置如下：
在这里插入图片描述

        <rewrite>
            <rules>
                <rule name="cors">
                    <match url="^(.*?)/?api/(.*)$" />
                    <action type="Rewrite" url="http://xxxapi.com/api/{R:2}" logRewrittenUrl="true" />
                    <conditions>
                        <add input="{HTTP_REFERER}" pattern="^http://xxxx.com/?$" />
                    </conditions>
                </rule>
            </rules>
        </rewrite>