windows IIS中 vue的反向代理部署

1、下载urlwrite,https://webpihandler.azurewebsites.net/web/handlers/webpi.ashx/getinstaller/urlrewrite2.appids

2、下载ARRCache,https://webpihandler.azurewebsites.net/web/handlers/webpi.ashx/getinstaller/ARRv3_0.appids

3、把vue打包后绑定到IIS,提前看下自己在vue中配置的api路由名,我这里叫prod-api

4、在项目上找到URL重写>添加规则>空白规则,模式填写*prod-api/*,重写URL地址为api的路由地址,配置图片如下

 

 

  

 其中http://192.168.100.150:3002为api接口地址

 

5、点击IIS应用程序父节点,找到ARRCache,点击Server Proxy Settings,如下设置

  

 

 

 

 

 

 

 

 

 

6、如果存在跨域问题,需要设置跨域域名,这里我是直接在ARRCache里设置的,目前只能支持一个域名,如果有哪位小伙伴找到方法,可以给我留言。

 

posted @ 2022-10-31 15:02  mcluzhi  阅读(723)  评论(0编辑  收藏  举报