在IIS下部署pigx前端(pigx-ui)

在发布项目时,不管是前端还是后端,都是通过编译(build)后将编译的包部署在生产环境下。对于pigx-ui项目,通过npm run build打包,然后将打包好的代码放到web服务器上,因此需要在web服务器上配置反向代理,以便访问pigx的后端,不然是无法跨域访问后端的。

在IIS,默认是没有反向代理配置,需要单独安装插件,然后配置反向代理,在本例中pigx-ui部署在192.168.1.68:8080下,服务端部署的gateway地址:192.168.1.68:9999

在配置IIS前,请将pigx-ui打包

npm run build

然后复制dist的文件到服务器,并配置到IIS,端口为8080


一、安装Application Request Routing(ARR)

在如下网址中下载ARR,下载后按安装步骤安装即可。

https://www.iis.net/downloads/microsoft/application-request-routing


二、配置IIS启用反向代理功能

安装完ARR后,打开IIS,可以看到ARR的两个配置功能,打开application request routing cache去启用反向代理功能,如下图 

三、配置网站路由反向代理

在IIS的指定网站中找到 URL重写,打开它可以添加路由反向代理规则,如下图

打开空白规则界面后,需要配置 【匹配URL】和【操作】两部分,如图

其他的URL,诸如 http://192.168.1.68:8080/admin/tenant/list,【匹配URL】的模式为:(admin)/(.*),其他的配置与上图一样。

你可能感兴趣的:(在IIS下部署pigx前端(pigx-ui))