前端发布-- React Ant Design Pro 篇
打开你的项目直接 (build)发布,,,antd这个 proxy.ts 里的配置其实在生产环境是不生效没用,所以其实你在这里写啥都不影响。他只是用于你在本地开发和调试的时候代理一下你的api,发布后的生产环境如果想正常访问目录的话,有大概几种方式 1:URL重写 ,2:ngix,3:jenkins
点击 build 或者使用 npm指令 npm build 等待 发布成功就好
这个时候,找到你的dist文件夹,antd这套框架的发布目录默认的是根目录下的dist,所以你发布后的文件,都在这里。直接用IIS挂载部署就好
这里我把dist文件夹直接copy出来,换了个位置,因为我不想把 IIS 挂在我的项目内
前端 IIS部署-- React Ant Design Pro 篇
打开本地IIS管理器,右键网站==》添加网站
添加你的网站名字==》设置你IIS要指向的本地发布文件夹==》设计端口号==》测试设置的那个身份授权警告一版不用管==》确定
部署成功,下面就可以访问了
点击或者直接访问 http://localhost:8089 他会自动指向你的默认页面,比如,,登录
这个时候开F12点击登录,发现报错,你会发现,他没有转发访问路径,所以一直访问的端口是自己的8089,解决方法,设置URL重新,其他的也可以,但这个时候的我,,不会
设置URL重写:需要IIS有这个模块,
建议IIS没有 URL重写 Web平台安装程序 这两个模块的,自己装一下
URL重写 下载链接 :https://www.iis.net/downloads/microsoft/url-rewrite
Web平台安装程序 下载链接:https://www.iis.net/downloads/microsoft/web-platform-installer
![](/i/l/?n=23&i=blog/3064284/202303/3064284-20230309231356017-1122882839.png)
填写名称==》测试模式==》输入测试数据与正常 ==》测试
测试数据:http://localhost:8089/api/Check/Login
正则表达式: ^(.*?)/?api(.*)$
下拉,配置如图==》应用
重定向URL: http://localhost:8088/api{R:2}
为啥是 {R:2} ,注意上一张图,点击的时候,给出的正则表达式匹配项,
等于说服务器发出的 http://localhost:8089/api/Check/Login 这个请求,
会被我筛选之后拿到 {R:2} 对应的值: /Check/Login
然后我这个时候用我需要的api路径 http://localhost:8088/api + {R:2} 拼接出来就是我想要的URL路径: http://localhost:8088/api/Check/Login ,也就是上面重定向URL里填写的数据
页面的时候可以看到一个307之后正常访问了我要的路径,,接口成功