一. 准备工作
vue编译后以dist文件夹在iis新建一个网站, .Net6发布后同样的建站但是要注意把应用程序池设置为无托管模式
二. 配置反向代理
IIS给前端方向代理需要以下两个组件:1.ARR 2.Url重写; 这两个组件都可以在www.iis.net搜到,在搜索栏输入关键词然后一个个找就好,先确保下载安装完成
配置反向代理第一步:
打开ARR,找到Proxy目录下的Server Proxy Setting,打开点击勾选Enable proxy
配置路由重写第二步:
打开Url重写,点击添加规则->空白规则,在模式输入 api/*(意思是匹配到以api开始以及后续所有内容)
配置完第二步基本上就完成了, 但是如果vue的路由配置的是history模式就会有一个问题,在网页F5刷新会出现静态资源404notfound,
第三步: vue路由历史模式重写配置
觉得麻烦可以在web.config中手动复制该配置(我个人是这样操作的QAQ)
<rule name="Handle History Mode and custom 404/500" 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>