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

news2024/12/27 11:04:58

文章目录

  • 引言
  • 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.coloradmin.cn/o/1987079.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

设计模式-领域逻辑模式－数据源架构模式

设计模式-领域逻辑模式－数据源架构模式

行数据入口（Row Data Gateway） 充当数据源中单条记录入口的对象。每行一个实例 运行机制 行数据入口和单条记录极为相似，数据库中的每一列变成了一个域。适用于事务脚本只能设置单独的查找方法对象，对行数据入口进行操作。如果行…
阅读更多...
golang判断某个文件内容是否是二进制文件方法， LimitReader, 获取文件大小，字符串0写入后的byte数据为48, byte零值

golang判断某个文件内容是否是二进制文件方法， LimitReader, 获取文件大小，字符串0写入后的byte数据为48, byte零值

go语言中判断某个文件是否是二进制文件的方法， 通过LimitReader读取指定大小的数据后对数据进行判断， 这里有一个很有趣的知识点就是 字符串0在写入文件后，再通过io read读取后的byte数据他在内存中显示的可不是0 而是变成了 48, 十六进制 0x…
阅读更多...
Java Web——第二天

Java Web——第二天

什么是JavaScript? JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互 JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似 JavaScript在1995年由 Brendan Eich 发明，…
阅读更多...
8月6日Spring Boot学习笔记

8月6日Spring Boot学习笔记

MyBatis动态SQL 动态 SQL 大大减少了编写代码的工作量&#xff0c;更体现了 MyBatis 的灵活性、高度可配置性和可维护性。 if标签 <if test"判断条件">SQL语句</if> 当判断条件为 true 时&#xff0c;才会执行所包含的 SQL 语句。 choose、when和otherw…
阅读更多...
我在杭州的Day30_进程间通信（IPC）——20240805

我在杭州的Day30_进程间通信（IPC）——20240805

一、相关练习 1.使用有名管道实现&#xff0c;一个进程用于给另一个进程发消息&#xff0c;另一个进程收到消息后&#xff0c;展示到终端上&#xff0c;并且将消息保存到文件上一份 1.1> 01homework.c #include <myhead.h>int main(int argc, const char *argv[]) …
阅读更多...
怎么实现外地分公司与总公司软件连接？

怎么实现外地分公司与总公司软件连接？

为了确保外地分公司能够顺利连接总公司的管理软件和财务软件&#xff0c;建立一个安全可靠的网络基础设施是必不可少的。首先&#xff0c;我们可以通过搭建虚拟专用网络来实现分公司与总公司内部网络的互联互通。虚拟专用网络不仅能够保障数据传输的安全性&#xff0c;还能提供…
阅读更多...
SpringBoot简单项目(二维码扫描）

SpringBoot简单项目(二维码扫描）

pom.xml中导入依赖 <!-- zxing --><dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.3.0</version></dependency><dependency><groupId>com.google.zxing</gro…
阅读更多...
systemd-manage系统服务图形化管理工具使用教程

systemd-manage系统服务图形化管理工具使用教程

1. systemd-manage介绍 systemd-manage是一个开源的基于systemd服务管理的图形化工具&#xff0c;使用qt图形库进行开发&#xff0c;可以提供服务管理&#xff0c;用户会话&#xff0c;配置文件修改&#xff0c;日志查询&#xff0c;性能分析&#xff0c;进程管理等功能。图形…
阅读更多...
【Pyautogui自动准备jupyter】附上报错合集，已解决

【Pyautogui自动准备jupyter】附上报错合集，已解决

刚认识了pyautogui&#xff0c;浅浅写一段自动准备jupyter的程序 import pyautogui #import pyperclip import timedef open_jupyter():print(Opening jupyter...)time.sleep(1)try:location pyautogui.locateOnScreen(r"D:\STEFANOS\python\tools\auto\icons\jupyter…
阅读更多...
SpringCloud入门简介

SpringCloud入门简介

1. SpringCloud是什么 SpringCloud是微服务治理方案之一&#xff1b; SpringCloud与SSM框架和SpringBoot没什么关联 SSM&#xff1a;web应用的开发框架&#xff0c;包含视图层&#xff08;模型model视图view控制器controller&#xff09;&#xff0c;业务层&#xff0c;持久…
阅读更多...
unity草体渲染方案 GPU Instaning

unity草体渲染方案 GPU Instaning

有一天看项目里的FrameDebug发现在森林系的场景里草体的drawcall差不多有100多 主要是因为灯光贴图&#xff0c;位置等不一样导致的打断合批&#xff0c;导致一个批次只能渲染10个左右的草体 之前有了解过unity有接口&#xff08;Graphics.DrawMeshInstanced&#xff09;可以把…
阅读更多...
SpringBoot 框架学习笔记（七）：Thymeleaf、拦截器 和 文件上传实现（解决了文件重名 和 按日期分目录存放问题）

SpringBoot 框架学习笔记（七）：Thymeleaf、拦截器 和 文件上传实现（解决了文件重名 和 按日期分目录存放问题）

1 Thymeleaf 1.1 基本介绍 &#xff08;1&#xff09;官方文档&#xff1a;Tutorial: Using Thymeleaf &#xff08;2&#xff09;Thymeleaf 是什么 Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎&#xff0c;可完全替代 JSPThymeleaf 是一个 java 类库&#xf…
阅读更多...
AnyGo(虚拟定位软件) for MacOS苹果电脑安装下载 支持最高系统 兼容M芯片

AnyGo(虚拟定位软件) for MacOS苹果电脑安装下载 支持最高系统 兼容M芯片

AnyGo for Mac是一款专为Mac用户设计的虚拟定位软件。它允许用户在Mac设备上模拟GPS位置&#xff0c;从而改变设备在各种基于位置的应用和服务中的显示位置。AnyGo提供了简单直观的操作界面&#xff0c;用户可以轻松地在地图上选择任意地点作为模拟位置&#xff0c;或者通过输入…
阅读更多...
【平衡二叉树】数据结构—平衡二叉树

【平衡二叉树】数据结构—平衡二叉树

平衡二叉树&#xff08;Balanced Binary Tree&#xff09;是一种特殊的二叉树&#xff0c;它的左右子树的高度差不超过1&#xff0c;这样可以保证树的高度相对较低&#xff0c;从而使得查找、插入和删除操作的时间复杂度保持在 。 平衡二叉树的基本概念 1. 二叉树&#xff1a…
阅读更多...
LeetCode 热题 HOT 100 （020/100）【宇宙最简单版】[创作中]

LeetCode 热题 HOT 100 （020/100）【宇宙最简单版】[创作中]

【链表】No. 0142 环形链表 II【中等】&#x1f449;力扣对应题目指路 希望对你有帮助呀&#xff01;&#xff01;&#x1f49c;&#x1f49c; 如有更好理解的思路&#xff0c;欢迎大家留言补充 ~ 一起加油叭 &#x1f4a6; 欢迎关注、订阅专栏 【力扣详解】谢谢你的支持&#…
阅读更多...
C++ 简单学习

C++ 简单学习

C简单编译 auto关键字 auto 关键字用于自动类型推导。它允许编译器自动推断变量的类型&#xff0c;使得代码更加简洁和易于编写&#xff0c;尤其是在处理复杂类型或模板编程时。使用 auto 可以避免编写冗长的类型声明&#xff0c;同时减少由于类型不匹配导致的编译错误 auto x…
阅读更多...
学习vue3 三，组件基础，父子组件传值

学习vue3 三，组件基础，父子组件传值

组件基础 每一个.vue 文件都可以充当组件来使用 每一个组件都可以复用 父组件引入之后可以直接当标签使用 案例&#xff1a; App.vue <script setup lang"ts"> import BaseRefAndReactive from "./components/BaseRefAndReactive.vue";</sc…
阅读更多...
Docker部署Node+Koa+TS+Mongo项目

Docker部署Node+Koa+TS+Mongo项目

Docker 简介 简而言之&#xff0c;Docker 容器轻量级、启动快、可移植&#xff0c;适合微服务架构。主要组件包括 Docker Engine、Docker 镜像、Docker 容器和 Docker Hub&#xff0c;它通过容器打包应用程序及其依赖项&#xff0c;使得应用在任何环境中都能一致运行。 这里不…
阅读更多...
Selenium中send_keys上传图片方法以及可能失败的原因

Selenium中send_keys上传图片方法以及可能失败的原因

Python Selenium是一个用于自动化浏览器操作的工具&#xff0c;可以用于模拟用户在浏览器中的各种操作。在使用Python Selenium进行自动化测试时&#xff0c;有时需要上传图片。下面是在这种情况下如何上传图片的步骤&#xff1a; 今天是主要说的是input标签&#xff0c;这种可…
阅读更多...
基于R语言绘制GGE双标图3

基于R语言绘制GGE双标图3

参考资料&#xff1a; https://cran.r-project.org/web/packages/GGEBiplots/GGEBiplots.pdf GGE叠图法一分析品种环境互作模式的理想方法【作物学报】 GGE 双标图如何看&#xff1f;-CSDN博客 1、品种间两两比较 GGE 双标图可用于直接比较两个品种在各个试验点的表现&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023