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

devtools/2024/9/24 10:03:07/

文章目录

  • 引言
  • 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安装目录和别名设置


http://www.ppmy.cn/devtools/91840.html

相关文章

编程-设计模式 5:原型模式

设计模式 5:原型模式 定义与目的 定义:原型模式通过复制现有的实例来创建新对象,而不是通过构造函数创建。目的:这种模式的主要目的是为了提高创建对象的性能,特别是在创建对象的成本较高时。通过克隆现有的实例&…

stm32 gpio

点灯 /* USER CODE BEGIN WHILE */ while (1) { HAL_GPIO_WritePin(GPIOC,LED0_Pin,GPIO_PIN_RESET);//点亮 LED0是在引脚定义的时候UserLabel的内容 _Pin需要加上 HAL_Delay(5000); HAL_GPIO_WritePin(GPIOC,LED0_Pin,GPIO_PIN_SET);//熄灭 HAL…

React快速开发框架

本框架主要用于快速搭建项目 使用的基本库:webpackreactreact-routertypescript ps:有不足之处请多多包涵,提出意见或者建议 目的: 前端开发大多数时间是基于市面上比较流行的成品框架开始进行开发,途中遇到的问题大…

go testing 包

Go语言的testing包提供了一套丰富的测试工具,用于编写和运行测试用例。以下是testing包中一些常用的函数和类型: func TestMain(m *testing.M): 这是一个特殊的函数,用于执行测试的主函数。如果定义了TestMain,那么在运行go test时…

代谢组数据分析(十七):基于structToolbox代谢组分析流程讲解

禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 介绍 structToolbox 是一个广泛使用的工具箱,专门用于代谢组学和其他组学数据的分析。它提供了一系列的数据预处理、统计分析和机器学习方法,特别强调统计和机器学习的重要性。这个工具箱允许…

phpstudy搭建sqlilabs本地靶场

请先在网上解决好前置条件的下载和安装:phpstudy、vscode、navicat premium(非必要)、sqlilab的压缩包/文件夹 phpstudy--安装sqlilabs 1.打开phpstudy后,我们会用到MySQL5.7.26和Nginx1.15.11 #mysql5.7.26是因为sqlilabs靶场不支持高版本MySQL 2.在软…

【Linux基础】Linux基本指令(二)

目录 &#x1f680;前言一&#xff0c;mv指令二&#xff0c;more & less指令2.1 more 指令2.1 less指令 三&#xff0c;重定向技术(重要)3.1 echo指令3.2 输出重定向 >3.3 追加重定向 >>3.4 输入重定向 < 四&#xff0c;head & tail指令4.1 head 指令4.2 t…

WPF篇(5)- Border控件(边框布局)+GridSplitter分割窗口

严格来说&#xff0c;Border并不是一个布局控件&#xff0c;因为它并不是Panel的子类&#xff0c;而是Decorator装饰器的子类&#xff0c;而Decorator继承于FrameworkElement。我们要先看看它的父类Decorator。 public class Decorator : FrameworkElement, IAddChild {public…