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

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

news 2026/2/8 19:26:32

文章目录

引言
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 自定义允许谷歌浏览器访问的端口：用通过修改浏览器启动参数

引言

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

Jenkins 部署Vue项目配置
nginx部署站点（端口和站点目录的映射）
Vue项目本地跨域代理
解决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安装目录和别名设置

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

文章目录引言I Jenkins 部署Vue项目配置插件安装系统配置NodeJS安装目录和别名设置新建任务（通用类型）构建环境Build Steps（构建步骤）II nginx部署站点（端口和站点目录的映射）查找Nginx配置文件端口和站点目录的映射III Vue项目本地跨域代理，屏蔽掉后端服务API的网关IP…...

编程日记 2024/8/10 16:44:23

C语言电子画板

目录开头程序程序的流程图程序的效果结尾开头大家好，我叫这是我58。今天，我们来看一下我用C语言编译的电子画板和与之相关的一些东西。程序 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> #include <Windows.h> int main() …...

编程日记 2024/8/10 16:41:20

Android Gradle开发与应用技术原理

Android Gradle开发与应用技术原理 Android Gradle开发与应用技术原理一、概述二、Gradle构建原理1. Gradle架构2. Gradle构建过程3. 构建脚本三、Gradle插件机制四、在Android应用中实现Text-to-Speech（TTS）功能1. 配置Gradle依赖2. 实现TTS功能示例代…...

编程日记 2024/8/10 16:39:18

Midjourney入门-提示词基础撰写与公式

前言在前几篇教程里我们已经可以初步使用Midjourney进行出图了。包括也了解了Midjourney的指令与参数。但如果你想用Midjourney去生成各种各样高质量的图片， 并且生成的图片是你想要的画面内容，也就是更好控制生成图片的画面内容与风格&#xf…...

编程日记 2024/8/10 16:35:14

Apache Tomcat服务器版本号隐藏

渗透测试时发现有一台服务器的404报错页面中，有Apache Tomcat的版本号信息显示，发生了信息泄露，可能导致服务器被攻击。如下所示： 解决步骤如下： 1. 隐藏HTTP响应头中的Server信息 Tomcat默认会在HTTP响应头中包含S…...

编程日记 2024/8/10 16:34:13

【Qt】Qt编程注意事项

目录 Qr中的命名规范 Qt Creator中的快捷键查询文档的方式 Qt窗口坐标体系 Qr中的命名规范在学习编程语言阶段，给变量、函数、文件、类命名是非常有讲究的。命名要有描述性，不要使用abc，xyz这种比较无规律的名字类描述。如果名字比较…...

编程日记 2024/8/10 16:29:08

在Linux系统安装Kafka

注意：我的是在云服务器上基于Docker配在防火墙上放行端口号 2181(Zookeeper) 9092(Kafka) 一、先配置 Docker 守护进程（daemon）的镜像加速器（registry mirrors） sudo mkdir -p /etc/docker sudo tee /etc/docker/da…...

编程日记 2024/8/10 16:28:06

【CSharp】简单定义一个异步方法

【CSharp】定义一个异步方法 1.背景2.异步方法3.代码说明1.背景相关博客：【CSharp】使用异步事件处理程序和委托来进行异步调用 https://blog.csdn.net/jn10010537/article/details/140898179在 C# 中，异步方法和同步方法是两种执行代码的方式，它们主要区别在于处理任务…...

编程日记 2024/8/10 16:27:05

贪心算法之货仓选址问题

#include<stdio.h> #include<stdlib.h> #include<math.h>//贪心算法之货仓选址问题/*** void* p是万能指针，可以和其它任意类型的指针进行转换，前提是确保转换是合法的*/ //写好用于qsort的比较函数，这里写的函数一般用于…...

编程日记 2024/8/10 16:26:04

Java网络编程——Request Response 对象

Response - 网页上一章我们学习了 Java 中使用 Okhttp3 库请求网页或调用 API 的知识。使用一条语句执行调用请求，并取得返回结果字符串： call.execute().body().string()execute() 方法是真正执行发送请求，前面的一系列代码是做前置准备…...

编程日记 2024/8/10 16:25:02

【代码随想录训练营第42期 Day24打卡回溯Part3 - LeetCode 93.复原IP地址 78.子集 90.子集II

目录一、做题心得二、题目与题解题目一：93.复原IP地址题目链接题解：回溯--分割问题题目二：78.子集题目链接题解：回溯--子集问题题目三：90.子集II 题目链接题解：回溯--子集问题三、小…...

编程日记 2024/8/10 16:24:01

一、venv简介 C:\Users\love1>python -m venv -h usage: venv [-h] [--system-site-packages] [--symlinks | --copies] [--clear] [--upgrade] [--without-pip][--prompt PROMPT] [--upgrade-deps]ENV_DIR [ENV_DIR ...]该命令用于在一个目录或者多个目录中创建一个虚拟的…...

编程日记 2024/8/10 16:21:59

《征服数据结构》树堆(Treap)

摘要： 1，Treap的介绍 2，Treap节点的插入 3，Treap节点的删除 4，Treap和笛卡尔树的区别 1，Treap的介绍 Treap又叫树堆，属于一种自平衡二叉搜索树，是由单词Tree和Heap构成，是…...

编程日记 2024/8/10 16:20:58

论文笔记：OneBit: Towards Extremely Low-bit Large Language Models

202402 arxiv 1 背景模型量化主要通过把模型的线性层【nn.Linear】（Embedding 层和 Lm_head 层除外）转化为低精度表示实现空间压缩此前工作的基础是利用 Round-To-Nearest（RTN）方法把高精度浮点数近似映射到附近的整数网格然而…...

编程日记 2024/8/10 16:19:57

英语文化中的音乐分类及其发展历史（Classical、Jazz、Rock、Pop、Electronic、Country、RB、Hip-Hop）

文章目录英语文化中的音乐分类及其发展历史1. 简介2. 古典音乐 (Classical Music)2.1 起源与发展2.2 技术与风格 3. 爵士音乐 (Jazz Music)3.1 起源与发展3.2 技术与风格 4. 摇滚音乐 (Rock Music)（Rock and roll）4.1 起源与发展4.2 技术与风格 5. 蓝调…...

编程日记 2024/8/10 16:18:55

C语言-栈、队列、二叉树

12 栈、队列、二叉树目录 12 栈、队列、二叉树一、栈、队列、二叉树是什么？ 二、栈 1. 特点：先进后出 -- 有底的盒子 2. 使用场景：函数调用 -- 中断机制 3. 实现栈的形式： 三、队列 1. 特点：先进先出 -- 水…...

编程日记 2024/8/10 16:14:52

pinia-plugin-persistedstate 插件不生效

引入使用该插件使用时发现不生效原因：pinia实例调用顺序不当将： // import ./assets/main.css import { createApp } from vue import { createPinia } from pinia import piniaPluginPersistedstate from pinia-plugin-persistedstate import App fr…...

编程日记 2024/8/10 16:13:51

sqlite 合并两个数据库中的特定表

sqlite 合并两个数据库中的特定表命令行python 版本命令行 .open v1/mydb.db attach v2/mydb.db as db2; insert into main.表1 select * from db2.表1; insert into main.表2 select * from db2.表2; .exit参数说明v1/mydb.db主db文件路径，合并后的结果就是它…...

编程日记 2024/8/10 16:12:50

winform中设置DateTimePicker参数为空

在C#中，使用DateTimePicker控件时，您可以将其Value属性设置为null或者DateTime.MinValue来表示没有选定的日期或时间。以下是如何设置默认值为空的示例代码： dateTimePicker1.Value DateTime.MinValue; 或者，如果您希望用户不能…...

编程日记 2024/8/10 16:01:39

Python爬虫（8）

JsonPath介绍使用 JsonPath是一种轻量级的查询库，可以从JSON文本数据中进行筛选和提取操作。有点类似于使用XPath在HTML数据中提取数据的功能。JsonPath 也可以通过使用类似于 XPath 的表达式来访问 JSON对象中的属性和元素，并支持通配符、筛选器和函数…...

编程日记 2024/8/10 16:00:38

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？

Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？ 在 Golang 的面试中，map 类型的使用是一个常见的考点，其中对 key 类型的合法性是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...

编程新知 2025/12/20 7:42:02

MVC 数据库

MVC 数据库引言在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...

编程新知 2025/10/30 4:58:11

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码：‘allure’ �����ڲ����ⲿ���Ҳ���ǿ�&am…...

编程新知 2026/2/7 4:21:44

智能AI电话机器人系统的识别能力现状与发展水平

一、引言随着人工智能技术的飞速发展，AI电话机器人系统已经从简单的自动应答工具演变为具备复杂交互能力的智能助手。这类系统结合了语音识别、自然语言处理、情感计算和机器学习等多项前沿技术，在客户服务、营销推广、信息查询等领域发挥着越来越重要…...

编程新知 2025/6/11 3:05:02

Python Ovito统计金刚石结构数量

大家好，我是小马老师。本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...

编程新知 2026/1/26 5:39:08