IIS部署net7+vue前后端分离项目、IIS配置API接口转发

1.配置参考地址

IIS10.0部署netcor+vue前后端两个HTTPS域名方法IIS配置API接口转发_netcore 配置域名-CSDN博客

2. requestRouter_amd64.msi下载、安装

2.1下载requestRouter_amd64

Application Request Routing : The Official Microsoft IIS Site

页面向下拉，找到下载位置

下载后进行安装requestRouter_amd64.msi，安装后iis效果

2.2开启IIS允许代理

3.rewrite_amd64_zh-CN.msi下载、安装

下载地址

URL Rewrite : The Official Microsoft IIS Site

页面向下拉，找到下载位置

安装以后就在在iis服务右侧多一个URl重写功能

4.Net core部署IIS服务

4.1下载net 7 iis运行环境

下载 .NET 7.0 (Linux、macOS 和 Windows)

直接下载“dotnet-hosting-7.0.10-win.exe”连接https://download.visualstudio.microsoft.com/download/pr/ac40c925-f49c-4f27-b6f5-540ba6b944d5/457f3e7dbe9feeb2644d5a32fef321e4/dotnet-hosting-7.0.14-win.exe

4.2配置后端net 7服务应用池配置无托管代码

5.VUE打包后iis规则配置

5.1URL重写说明

下面是配置接口转发，重写的目的是为了通过条件*prod-api/*通配符,跳转接口地址，也就是通过这个通配符来判断地址是前端地址还是后端地址，如果是后端地址就通过这个重写设定跳转到最先面指定的接口地址。

例：

后端服务：http://localhost:6001

前端服务：http://localhost:16665

通配符：*prod-api/*

要实现的效果：例后端API为/captchaImage

通过前端http://localhost:16665/prod-api/captchaImage URL重写后，能访问后端http://localhost:6001/captchaImage

prod-api这个通配符每个人定义的不一样，来源是你vue项目定义的接口地址一般在 vue.config.js中，下图为全局配置打包注入。

Vue项目配置

5.2规则配置1

{C：2}的由来

配置后验证效果