IIS 部署 Vue3 程序环境搭建

操作步骤：

• 安装 IIS

• 创建网站

• 下载并安装 requestRouter_amd64 和 urlrewrite

• 设置 URL 重写地址

• 设置支持 PUT 和 DELETE 请求

安装 IIS

具体安装步骤参考微软官方文档，在 Windows Server 2008 或 Windows Server 2008 R2 上安装 IIS 7

创建网站

创建步骤参考微软官方文档，创建网站

下载并安装 requestRouter_amd64 和 urlrewrite

• requestRouter_amd64.msi

• urlrewrite2.exe

启用反向代理

设置 URL 重写地址

选中刚才新添加的网站，在面板右侧选择【URL 重写】，设置 URL 重写用于把请求 API 地址代理到另外一个地址；

目标跳转地址：“http://localhost:801/api/Auth/*****"

模式栏位填写重写 URL 需要匹配的地址前缀: "*api/*"；

重写 URL栏位填写需要跳转到的 API 地址,"http://localhost:801/api/{R:2}"

新添加 URL 重写规则，用于解决刷新界面后报 404 错误：

设置支持 PUT 和 DELETE 请求

① 删除 IIS 安装的 WebDav 模块，选择你的项目，右边有个“模块”，双击它；找到 WebDavModule，删除它。

② 修改你项目的 web.config ，在<system.webServer>标签内加上以下代码。

<modules runAllManagedModulesForAllRequests="true" runManagedModulesForWebDavRequests="true">
<remove name="WebDAVModule"/>
</modules>
<handlers>
<remove name="WebDAV" />

</handlers>

参考

iis 下发布 vue

windows IIS 中 vue 的反向代理部署

如何使 IIS 支持 put 和 delete 请求

VUE 部署到 IIS 刷新报 404