基于docker的前端持续集成(一)开始之前让我们先抛几个问题什么是docker，他是虚拟机吗，有什么用怎样基于docker启动node服务或者nginx服务为什么要持续集成，有什么好处一、什么是dockerDocker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化，容器是完全使用沙箱机制，相互之间不会有
转载
2024-04-09 21:36:41
49阅读
所以的步骤如下1、宿主机创建好要挂载的目录mkdir -p /home/nginx/
mkdir -p /home/nginx/logs
mkdir -p /home/nginx/html-p 参数的作用就是允许创建多级目录2、启动一个不挂载的容器docker run -d --name nzc-nginx -p 80:80 nginx为了让大家更进一步理解 Nginx 目录结
转载
2024-07-04 15:58:18
83阅读
首先测试上线：在项目的dev分支上$npm run build在项目dev分支全局安装-sever$npm i -server -g启动-sever$-server -c10 //后面的c-10是缓存，可以写，也可以不写如果发现这里启动不了，就去项目里找到config目录下的index.js文件，将host配置为0.0.0.0...
原创
2022-03-21 15:16:15
410阅读
文章目录手把手教你Docker部署若依项目（前端服务）一、 往常部署二、制作docker镜像1.打包ruoyi-ui文件2.创建目录，并上传3.Nginx配置文件编写4.Dockerfile文件编写5.构建测试6.问题？相关链接 手把手教你Docker部署若依项目（前端服务）使用Docker部署若依项目的前端服务，我们最终实现的是：启动一个镜像，我们的整个前端就启动了，想要修改nginx配置，直
转载
2023-07-08 15:57:12
205阅读
首先测试上线：在项目的dev分支上$npm run build在项目dev分支全局安装http-sever$npm i http-server -g启动http-sever$http-server -c10 //后面的c-10是缓存，可以写，也可以不写如果发现这里启动不了，就去项目里找到config目录下的index.js文件，将host配置为0.0.0.0...
原创
2021-06-18 17:01:50
542阅读
近年来，随着云计算和容器化技术的发展，Kubernetes（简称K8S）作为一个开源的容器编排引擎变得越来越流行。对于前端开发人员来说，部署项目可能一开始会觉得有点陌生，但其实只需要一点点指导就可以轻松上手。下面，我将向你介绍如何使用K8S进行前端项目的部署。
整体流程如下表所示：
| 步骤 | 操作 |
|------|------------------|
|
原创
2024-04-23 19:04:49
64阅读
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部
转载
2023-12-19 11:48:37
127阅读
## 如何使用 Docker Compose 部署若依
在本篇文章中，我们将一步一步指导你如何使用 Docker Compose 部署一个若依（RuoYi）项目。若依是一个基于 Spring Boot 的快速开发框架。使用 Docker Compose，你可以在本地快速搭建一个完整的若依环境。
### 1. 整体流程
以下是项目实施的整体流程表格：
| 步骤 | 描述
前言 在前后端还没有分离的时代下，前端项目通常是放在后端项目的静态资源目录下一起部署的，那个时候还没有专门的前端程序员，或者说前端程序员不需要自己部署网站.通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可，剩下的事情便交给后端或运维定了.但随着技术的发展,前后端分离开发后,前端项目也通常分离部署了，这个时候可能就需要前端人员自己部署前端项目，然而前端开发人员很少接触到
转载
2023-11-02 22:10:08
95阅读
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
通过宝塔部署一个单独的前端项目
原创
2022-09-23 15:55:41
1475阅读
Jenkins是一个开源的持续集成工具，可以帮助开发团队自动化构建、测试和部署应用程序。在实际项目开发中，经常会遇到需要使用Jenkins来部署前端项目的情况。下面我将教你如何使用Jenkins来部署前端项目。
**步骤概览**
首先，让我们来看一下部署前端项目到Jenkins的流程，如下表所示：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 配置Jenkins环境
原创
2024-05-17 13:34:53
187阅读
命令！ 1.将项目前端打包，形成静态文件。 cnpm run build 在打包的过程中，不能报错，如果报错在你本地的项目中找错，或者你之前已经打包，在修改本地的项目后又重新打包报错，可以选在删除之前已经打包好的。再重新打包。 2.创建文件。 将打包好的前端复制这一个文件夹中，并且把主应用中的ind ...
转载
2021-09-28 17:27:00
362阅读
2评论
在传统的前端项目开发中，我们通常会将前端项目部署到服务器上，以供用户访问。而在使用Kubernetes（K8S）来部署前端项目时，我们可以更加方便地管理和扩展我们的项目。下面我将向你介绍如何在Linux环境下部署前端项目，使用K8S来管理项目的流程。
### 整体流程
下面是部署前端项目到K8S的整体流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建前端项目的D
原创
2024-04-23 19:02:29
226阅读
前端项目的部署是开发流程中非常重要的一环，而在Kubernetes (K8S) 中，我们可以使用Node节点来部署前端项目。在本文中，我将向你介绍如何在K8S上部署前端项目，并附上代码示例和详细解释。
### 步骤
以下是在K8S上部署前端项目的一般流程：
| 步骤 | 描述 |
|:----:|:----:|
| 1 | 准备前端项目的Docker镜像 |
| 2 | 创建一个Deplo
原创
2024-04-23 19:03:42
135阅读
上线前准备这里我们同步演示怎么部署到win环境和linux(centos7)系统中，前端服务器采用nginx部署，并使用docker统一管理前后端服务器。所以我们会用到：nginxdocker compose希望你看视频前有点基础哈，当然了，这次部署比较简单，不需要很精通，一般看了我的视频应该都能部署成功的哈。话不多说，直接上手！别忘了给我一个一键三联哈，顺便关注我B站，感谢！1、win环境win
一、如何部署前后端分离开发模式下，前后端是独立部署的，前端只需要将最后的构建物上传至目标服务器的Web容器指定的的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径
scp dist.zip user@host:/xx/xx/xx让web容
转载
2024-06-20 13:19:10
338阅读
本篇文章主要是记录实现过程中遇到的问题，以及如何解决出现的问题，原始教程参考杨成功所写的这篇文章《纯 Git 实现前端 CI/CD》。 纯Git实现前端项目打包部署实现原理实现步骤1.在服务器中安装相应的软件程序2.服务端创建裸仓库3.添加相应钩子文件4.添加nginx解析5.本地仓库设置以及推送代码出现的问题以及解决办法1.钩子文件没有运行权限2.Node.js版本太低 实现原理利用Git Ho
转载
2023-09-30 10:26:52
203阅读
前言：本文描述了如何采用teamcity将项目部署在docker容器中，完成前端项目（例子为vue，其他项目理论上也适用，各框架下完成项目打包即可）自动部署的具体方式，思路及步骤如下： 1.teamcity从git拉取代码到工作空间 2.在工作空间目录下，项目打包生成dist， 3.将dist复制到以nginx为基础镜像的dockerimage中，完成dockerimage的build 4.最后用
转载
2023-11-19 10:11:52
262阅读
前言：最近在使用尤大今年刚发布的脚手架vite2.0搭建的项目练手，打算部署到服务器上玩一玩。部署1.克隆自己的项目到服务器上git clone xxx // xxx是自己的项目仓库地址此时可以看到已经成功拉取了项目2. 获取nginx镜像docker pull nginx3. 创建 nginx 配置文件进入项目根目录，在项目根目录下创建文件default.conf，写入如下内容server {
转载
2024-03-31 18:25:30
63阅读
