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

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

news 2026/4/2 13:57:20

文章目录

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

相关文章：

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语言电子画板

目录 开头程序程序的流程图程序的效果结尾 开头 大家好&#xff0c;我叫这是我58。今天&#xff0c;我们来看一下我用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&#xff08;TTS&#xff09;功能1. 配置Gradle依赖2. 实现TTS功能示例代…...

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

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

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

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

Apache Tomcat服务器版本号隐藏

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

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

【Qt】Qt编程注意事项

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

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

在Linux系统安装Kafka

注意&#xff1a;我的是在云服务器上基于Docker配 在防火墙上放行端口号 2181(Zookeeper) 9092(Kafka) 一、先配置 Docker 守护进程&#xff08;daemon&#xff09;的镜像加速器&#xff08;registry mirrors&#xff09; 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是万能指针&#xff0c;可以和其它任意类型的指针进行转换&#xff0c;前提是确保转换是合法的*/ //写好用于qsort的比较函数&#xff0c;这里写的函数一般用于…...

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

Java网络编程——Request Response 对象

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

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

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

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

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

python venv和virtualenv详解

一、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)

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

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

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

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

编程日记 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)&#xff08;Rock and roll&#xff09;4.1 起源与发展4.2 技术与风格 5. 蓝调…...

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

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

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

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

pinia-plugin-persistedstate 插件不生效

引入使用该插件使用时发现不生效 原因&#xff1a;pinia实例调用顺序不当 将&#xff1a; // 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文件路径&#xff0c;合并后的结果就是它…...

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

winform中设置DateTimePicker参数为空

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

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

Python爬虫（8）

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

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

Python医学影像处理实战：5分钟搞定NII/NRRD/DICOM格式互转（附完整代码）

Python医学影像格式转换实战&#xff1a;NII/NRRD/DICOM互转与可视化技巧 医学影像处理是医疗AI和临床研究的基础环节&#xff0c;而格式转换往往是数据处理流程中的第一个技术门槛。本文将带您快速掌握Python环境下NII、NRRD、DICOM三大主流医学影像格式的互转技巧&#xff0c…...

编程新知 2026/4/2 13:14:26

泉盛UV-K5/K6固件自定义：解锁专业对讲机功能的终极指南

泉盛UV-K5/K6固件自定义&#xff1a;解锁专业对讲机功能的终极指南 【免费下载链接】uv-k5-firmware-custom 全功能泉盛UV-K5/K6固件 Quansheng UV-K5/K6 Firmware 项目地址: https://gitcode.com/gh_mirrors/uvk5f/uv-k5-firmware-custom 你是否曾想过&#xff0c;一台…...

编程新知 2026/4/2 11:51:13

像素皇城·灵蛇贺岁效果展示：红白机美学融合皇城大门的AI春联生成作品

像素皇城灵蛇贺岁效果展示&#xff1a;红白机美学融合皇城大门的AI春联生成作品 1. 项目概览 Pixel Couplet Gen是一款基于ModelScope大模型开发的创新型春联生成工具。与传统春联设计不同&#xff0c;我们大胆采用了8-bit像素游戏风格&#xff0c;将经典红白机视觉元素与中国…...

编程新知 2026/4/2 11:42:59

django做动态【个人主页】

一、项目概述与目标动态个人主页的定义与核心功能&#xff08;博客展示、项目集、联系表单等&#xff09;Django框架的优势&#xff08;MTV模式、ORM、Admin后台等&#xff09;技术栈预览&#xff08;Python 3.x, Django 3.x, Bootstrap 5, SQLite/PostgreSQL&#xff09;二、环…...

编程新知 2026/4/2 11:38:52

手把手教你用Strongswan App通过IKEv2 EAP认证连接Freeradius（附调试技巧）

移动端安全连接实战&#xff1a;Strongswan与Freeradius的IKEv2 EAP认证深度配置指南 在移动办公日益普及的今天&#xff0c;企业级VPN解决方案需要兼顾安全性与易用性。Strongswan作为开源的IPsec实现&#xff0c;配合Freeradius进行EAP认证&#xff0c;能够为Android设备提供…...

编程新知 2026/4/2 10:42:15

【Mojo+Python企业级混合编程实战指南】：20年架构师亲授3大高频场景落地方法论

第一章&#xff1a;Mojo与Python混合编程的企业级价值全景图Mojo 是一种专为 AI 原生系统设计的现代系统编程语言&#xff0c;兼具 Python 的表达力与 C/Rust 级别的性能。在企业级 AI 工程实践中&#xff0c;Mojo 并非旨在替代 Python&#xff0c;而是以“无缝互操作”为核心理…...

编程新知 2026/4/2 10:03:48

Phi-3-mini-4k-instruct-gguf保姆级教程：开箱即用的GGUF文本生成指南

Phi-3-mini-4k-instruct-gguf保姆级教程&#xff1a;开箱即用的GGUF文本生成指南 1. 认识Phi-3-mini-4k-instruct-gguf Phi-3-mini-4k-instruct-gguf是微软Phi-3系列中的轻量级文本生成模型GGUF版本。这个模型特别适合处理问答、文本改写、摘要整理和简短创作等任务。它最大的…...

编程新知 2026/4/2 9:00:38

基于vue的断舍离管理系统[vue]-计算机毕业设计源码+LW文档

摘要&#xff1a;随着物质生活的丰富&#xff0c;物品管理成为人们生活中的一个重要问题。断舍离管理系统的设计与实现旨在帮助用户更好地管理个人物品&#xff0c;通过合理的分类、捐赠和回收机制&#xff0c;实现物品的有效清理和资源的合理利用。本文基于Vue框架设计并实现了…...

编程新知 2026/4/2 8:54:24

AI简历被秒拒？项目描述的4个细节，决定你能否拿到面试

AI简历被秒拒&#xff1f;项目描述的4个细节&#xff0c;决定你能否拿到面试金三银四求职季&#xff0c;不少求职者靠着AI工具快速生成简历&#xff0c;却发现投出的简历石沉大海、屡屡秒拒。很多人疑惑&#xff0c;自己的技术栈、项目经验明明符合岗位要求&#xff0c;为什么连…...

编程新知 2026/4/2 7:43:17

嵌入式开发中的静态代码分析工具实战指南

1. 嵌入式代码静态分析工具概述作为一名嵌入式开发工程师&#xff0c;我深知在资源受限的MCU环境中&#xff0c;代码质量直接决定了产品的稳定性和可靠性。传统的C语言编译器虽然能发现语法错误&#xff0c;但对代码设计缺陷和潜在风险往往无能为力。这正是静态代码分析工具的价…...

编程新知 2026/4/2 7:00:51