iis 跨域_pigx系列009：在IIS下部署pigx前端（pigx-ui)

最新推荐文章于 2024-05-22 11:34:45 发布
最新推荐文章于 2024-05-22 11:34:45 发布
阅读量693 收藏
点赞数
文章标签： iis 跨域 iis配置web服务器 iis配置网站 在iis上发布的项目无法在其它电脑上打开是怎么回事
本文介绍了如何在IIS服务器上部署pigx-ui前端项目并配置反向代理，以解决跨域访问后端的问题。首先，需要通过npm run build打包项目，然后在IIS上安装Application Request Routing (ARR)插件并启用反向代理功能。接着，在IIS的URL重写中配置路由规则，确保前端请求能正确转发到后端服务。
摘要由CSDN通过智能技术生成

在发布项目时，不管是前端还是后端，都是通过编译(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的文件到服务器，并配置到ＩＩＳ，端口为8080

一、安装Application Request Routing(ARR)

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

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

2db41bb3cdfadfbf7f00a5ab2f472fb2.png

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

安装完ARR后，打开IIS，可以看到ARR的两个配置功能，打开application r

最低0.47元/天 解锁文章
weixin_39989949
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开源框架 - PigX - 脑残版使用教程
codeLife
10-21 5万+
1、PigX简介 目录 文章目录**1、PigX简介**目录官方简介官方地址环境需求项目结构说明开源版商业版官方技术文档2、本机环境安装后台本地启动步骤前台本地启动步骤系统账号说明3、添加业务服务5、服务器部署4、开发示例 官方简介 基于 Spring Cloud Hoxton 、Spring Boot 2.3、 OAuth2的 RBAC权限管理系统 基于数据驱动视图的理念封装 element-ui，即使没有 vue的使用经验也能快速上手 提供对常见容器化支持 Docker、Kub
PigX - 简易使用教程
weixin_43485070的博客
04-18 7646
1、PigX简介目录官方简介官方地址官网演示地址码云后端码云前端GitHub后端GitHub前端环境需求项目结构说明开源版商业版官方技术文档2、本机环境安装后台本地启动步骤检查Node版本前台本地启动步骤系统账号说明3、添加业务服务5、服务器部署4、开发示例[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F8GC9xVR-1646516176419)(https://img.shields.io/badge/Pig。
【Linux部署】【pig前端部署】Linux安装- docker/docker-compose/nginx (使用docker优雅部署nginx)
最新发布
Chen_chenjiasheng的博客
05-22 453
Linux安装- docker/docker-compose/nginx 优雅部署
PIGX从零开始快速构建分布式服务
初心不忘、始终方得
02-27 2530
使用pigx快速构建分布式系统，涵盖前后端，代码自动生成、文档集成、监控集成、认证集成等场景
Tomcat处理HTTP请求过程分析
雷小涛的专栏
12-14 6810
Tomcat处理HTTP请求过程分析 一、Tomcat是什么？ Tomcat是一个web应用服务器，是一个Servlet/Jsp容器，主要负责将客户端请求传递给对应的Servlet，并且将Servlet的响应数据返回给客户端。 Tomcat是基于组件的服务器。 二、Tomcat体系结构 Tomcat是一个基于组件的服务器，它的构成组件都是可配置的。其各个组件都在Tomcat安装目录下的....
若依前后端分离项目部署文档（完整版）
04-07
前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & Jwt。 权限认证使用Jwt，支持多终端认证系统。 支持加载动态权限菜单，多方式轻松权限控制。 高效率开发，使用代码生成器可以一键生成...
.NET_proj：具有React的.Net Web API
03-04
【.NET_proj：具有React的.Net Web API】项目是一个典型的前后端分离的开发示例，主要使用了C#编程语言，结合.NET框架构建后端服务，并利用React作为前端UI库来构建用户界面。这个项目展示了如何在现代Web开发中有效...
cross-origin
05-14
跨域及用户验证 CommonServer 启动公共服务，其他几个项目都请求这个服务的接口，产生跨域 npm run common JSONP 核心原理： 利用script请求后端数据，解析执行，通过传入浏览器端存在的函数名，后端使用改函数包裹...
angular5-material-base-setup:以angular5开头的基本设置，asp.net mvc
05-18
7. **部署**: 项目可能还包括部署到服务器的步骤，如配置IIS、使用持续集成/持续部署(CI/CD)工具等。 8. **学习资源**: 掌握这些知识点，可以参考Angular和ASP.NET MVC的官方文档，以及相关的教程和社区讨论，例如...
RCN.API:在> ASP.NET CORE中进行REST API学习
04-11
在本文中，我们将深入探讨如何在ASP.NET Core中构建RESTful API，特别是在RCN.API项目中的实践应用。REST（Representational State Transfer）是一种网络应用程序的设计风格和开发方式，基于HTTP协议，广泛应用于Web...
tomcat启动报错：local host name unkown处理方法
story-xu的博客
08-10 3331
local host name unkown导致tomcat无法启动 故障描述： 最近在处理用户的一次故障时，意外的发现平时正常的Tomcat，无法启动，一直报错日下截图：local host name unkown 原因排查： 使用hostname命令查看当前主机名，发现与前期设置的主机名不一致，查询uptime，发现虚拟机近期有重启。很显然，这就是设置的hostname未永久生效导致主机...
Tomcat对HTTP请求的处理(一)
weixin_30646315的博客
12-29 125
摘要：本文主要介绍了tomcat在启动过程中为了处理HTTP请求之前所做的准备工作 在之前的文章中介绍了tomcat的启动，关闭过程，后续又陆陆续续介绍了tomcat内部很多机制以及机制的源码。大家都知道在tomcat启动完毕以后就可以对外提供服务了，如果访问 http://localhost:8080 就可以访问tomcat的主页，那么我们今天就来查看下tomcat是如何处理这个请求的，也就是如...
【Tomcat】Tomcat架构与处理HTTP请求的过程
keeper42的博客
03-09 735
Tomcat的架构 两大核心组件 Connector组件：连接器，主要负责Tomcat与客户端的通讯 Container组件：Servlet容器 一个请求的处理流程 httpConnector就是链接器 httpProcessor是具体的处理类 Container是容器(servlet) Tomcat启动步骤 Bootstrap -> catalina -> server -> service -> connector、container等 ..
tomcat启动报错
amourfati的专栏
08-20 942
tomcat 启动的时候，弹出信息框:page load failed error:找不到指定主机名的服务器 原因很有可能是 hosts文件中没有添加这个(或者是修改了这个):127.0.0.1 localhost
看spring cloud开源项目Pig的云踩坑记
weixin_34061482的博客
12-12 4121
最近看到一个有趣的开源项目pig，主要的技术点在认证授权中心，spring security oauth，zuul网关实现，Elastic-Job定时任务，趁着刚刚入门微服务，赶快写个博客分析一下。此篇文章主要用于个人备忘。如果有不对，请批评。
4.3怎么解决跨域问题
lovecode99的博客
10-16 375
1.同源策略如下： URL说明是否允许通信http://www.a.com/a.js http://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js http://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.js http://ww
android 监听本机网络请求_Tomcat Server处理一个http请求的过程
weixin_39569112的博客
11-20 305
【100】tomcat架构图1.1ServerServer 服务器的意思，代表整个 tomcat 服务器，一个 tomcat 只有一个 Server Server 中包含至少一个 Service 组件，用于提供具体服务。这个在配置文件中也得到很 好的体现（port=“8005” shutdown="SHUTDOWN"是在 8005 端口监听到"SHUTDOWN"命 令，服务器就会停止）1.2Ser...
vue-element-admin 部署在iis，浏览器提示跨域错误
05-17
如果你的 vue-element-admin 后端服务和前端文件部署在同一个 iis 上，并且使用了不同的端口，就会出现跨域问题。解决方法如下： 1. 在 iis 中安装 URL Rewrite 扩展，具体安装步骤可以参考这里：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值