当前位置: 首页 > news >正文

Jenkins 部署Vue项目指引: Vue项目本地跨域代理 、解决ERR_UNSAFE_PORT

文章目录

  • 引言
  • I Jenkins 部署Vue项目配置
    • 插件安装
    • 系统配置
    • NodeJS安装目录和别名设置
    • 新建任务(通用类型)
    • 构建环境
    • Build Steps(构建步骤)
  • II nginx部署站点(端口和站点目录的映射)
    • 查找Nginx配置文件
    • 端口和站点目录的映射
  • III Vue项目本地跨域代理,屏蔽掉后端服务API的网关IP和端口
    • 添加代理配置到 vit.config.js 文件中
    • 效果
  • IV 谷歌浏览器(chrome)无法访问一些特殊端口(ERR_UNSAFE_PORT)
    • 4.1 nginx/本机部署站点时避开谷歌浏览器无法访问端口列表
    • 4.2 自定义允许谷歌浏览器访问的端口:用通过修改浏览器启动参数

引言

应用场景: 测试环境的站点部署

  1. Jenkins 部署Vue项目配置
  2. nginx部署站点(端口和站点目录的映射)
  3. Vue项目本地跨域代理
  4. 解决ERR_UNSAFE_PORT

I Jenkins 部署Vue项目配置

插件安装

系统配置

服务组配置:Create the server groups for your projects


服务器配置Server List :IP+名称

add the server under this server group for your projects

NodeJS安装目录和别名设置

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 轨迹优化 | 基于ESDF的共轭梯度优化算法(附ROS C++/Python仿真)
  • 驾驭企业数字化转型的利器:《TOGAF®标准第10版》
  • qt自定义控件遇到的找不到头文件的问题
  • CentOS的根目录下,/bin 和 /sbin 用途和权限
  • Go语言fmt包中print相关方法
  • Android实时通信:WebSocket与WebRTC的应用与优化
  • 智能合约中重放攻击
  • 【SpringMVC】详细了解SpringMVC中WEB-INF 目录资源,视图解析器和静态资源放行的使用。
  • 从0开始安装一个本地K8s环境
  • sqlalchemy时间范围查询
  • WPF篇(13)-ScrollViewer控件+ScrollBar滚动条+Slider滑动条
  • Elasticsearch分片的主动迁移
  • controller 中 worker 最不适合做什么操作
  • 超简单!用这两款AI工具,小白也能轻松打造个人写真
  • 【Linux基础】Linux基本指令(二)
  • JavaScript 如何正确处理 Unicode 编码问题!
  • [ JavaScript ] 数据结构与算法 —— 链表
  • C学习-枚举(九)
  • Python socket服务器端、客户端传送信息
  • Redux 中间件分析
  • Webpack 4x 之路 ( 四 )
  • 给新手的新浪微博 SDK 集成教程【一】
  • 基于HAProxy的高性能缓存服务器nuster
  • 模型微调
  • 目录与文件属性:编写ls
  • 你真的知道 == 和 equals 的区别吗?
  • 设计模式(12)迭代器模式(讲解+应用)
  • 深度解析利用ES6进行Promise封装总结
  • 算法系列——算法入门之递归分而治之思想的实现
  • 算法之不定期更新(一)(2018-04-12)
  • 用 Swift 编写面向协议的视图
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • puppet连载22:define用法
  • Redis4.x新特性 -- 萌萌的MEMORY DOCTOR
  • $GOPATH/go.mod exists but should not goland
  • (html5)在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往? 而我的出现的是换行...
  • (第61天)多租户架构(CDB/PDB)
  • (二)WCF的Binding模型
  • (接口自动化)Python3操作MySQL数据库
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (四)activit5.23.0修复跟踪高亮显示BUG
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (转载)(官方)UE4--图像编程----着色器开发
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET MVC第五章、模型绑定获取表单数据
  • .Net 基于MiniExcel的导入功能接口示例
  • .NET 设计模式—简单工厂(Simple Factory Pattern)
  • .NET使用HttpClient以multipart/form-data形式post上传文件及其相关参数
  • .stream().map与.stream().flatMap的使用
  • [20171101]rman to destination.txt
  • [20171106]配置客户端连接注意.txt
  • [⑧ADRV902x]: Digital Pre-Distortion (DPD)学习笔记
  • [AR]Vumark(下一代条形码)
  • [C#C++]类CLASS
  • [C#学习笔记]Newtonsoft.Json