首页 > 其他分享 >IIS 前端发布-- React Ant Design Pro 篇

IIS 前端发布-- React Ant Design Pro 篇

时间:2023-03-09 23:23:29浏览次数:54  
标签:http IIS -- Ant URL api 重写 localhost

前端发布-- 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

安装好了之后,打开 URL重写 ==》右键“添加规则”==》空白规则==》确定

填写名称==》测试模式==》输入测试数据与正常 ==》测试

测试数据: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之后正常访问了我要的路径,,接口成功

标签:http,IIS,--,Ant,URL,api,重写,localhost
From: https://www.cnblogs.com/GaoUpUp/p/17201883.html

相关文章

  • Git指令
    Git指令常用gitadd-A提交所有变化gitcommit-m"xxx"提交说明gitbranch查看当前分支gitbranch-dxxx删除本地分支gitbranch-Dxxx强行删除本地分支g......
  • SQL Server 常用语句
    1、说明:创建数据库CREATEDATABASEdatabase-name2、说明:删除数据库dropdatabasedbname3、说明:备份sqlserver---创建备份数据的deviceUSEmasterEXECsp_ad......
  • 网络协议
    HTTP网络协议:在接口的测试过程中,所有的数据交互都是基于网络协议来进行交互的。目前业内最为主流的是HTTP网络协议。占据有90%左右比例。在系统的交互过程中,HTTP......
  • HTTP请求常见状态码
    2开头(请求成功)表示成功处理了请求的状态代码。·       200(成功)服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。·       201(已创......
  • Cadence入门学习第一章之软件操作及元器件库
    软件操作界面1、orCADCaptureCIS界面设置2、颜色设置需要重新启动软件才可以生效!!!打勾是输出为PDF版本时,输出的。不打勾不会输出。3、栅格点设置抓取格点设置......
  • web浏览器地址栏输入内容后经历了哪些过程?
    过程1.DNS域名解析,找到对应的IP2.根据IP找到对应的服务器,TCP三次握手建立连接3.发起http请求4.服务器响应http请求,浏览器得到html代码5.浏览器解析html代码,并请求代码中所......
  • Microsoft Office和WPS Office哪个更好用?
    MicrosoftOffice和WPSOffice都是常见的办公软件,用于处理文档、制作表格、演示文稿等任务。它们都有各自的优缺点,下面将从使用体验、功能、价格等方面进行比较,以便读者选......
  • NFS服务
    1、环境准备1.1、演示机器的准备NFS服务端CentOS7.9.2009192.168.10.24NFS客户端CentOS7.9.2009192.168.10.251.2、关闭防火墙和SELinux#关闭防火墙syst......
  • CentOS7 配置动态ip
    [root@FortA]#vim/etc/sysconfig/network-scripts/ifcfg-ens32 #修改网卡配置信息TYPE="Ethernet"PROXY_METHOD="none"BROWSER_ONLY="no"BOOTPROTO="dhcp"DEFROU......
  • Docker部署mysql5.7与redis6.2.6
    Linux环境:centos7.6#首先创建docker相关数据卷挂载目录mkdir-pdocker/{nexus3,mysql,redis}一、部署mysql1.搜索版本dockersearchmysql2.安装mysql5.7dockerpu......