利用docker 发布镜像，运行项目有两种方式：1、通过dockerfile，手动编写docker命令 项目代码无侵入式 创建、运行镜像2、通过插件（maven插件、idea插件）自动打包发布、运行镜像本文详细介绍第一种使用方式，本文仅供学习，生产环境的使用还需要完善优化。至于第二中 需要在pom.xml文件中加入docker的plugin的配置项目环境 springboot + sp
转载
2023-09-01 15:16:36
256阅读
Gitlab CI/CD可以按照规定的步骤实现从代码编译、代码测试、构建镜像、代码发布等整个过程，这一系列步骤通过在 “.gitlab-ci.yml” 文件中编写设计，通过Gitlab Runner来执行。 这里以构建Beego项目镜像为例实现Go项目构建镜像推送到内部Harbor 1、 项目目录下（main.go文件同级目录）创建.gitlab-ci.yml和Dockerfile文件； 2、按照
转载
2023-11-08 22:04:21
104阅读
docker部署若依项目使用docker部署至服务器 文章目录docker部署若依项目前言一、环境1.1 安装docker1.2 安装jdk1.3 安装mysql1.3.1测试连接1.3.2 连接失败？1.3.3 插入数据1.4 安装redis二、项目打包2.1 后端2.2 前端三、项目部署3.1 部署后端3.1.1 jar包做成dockerFile3.1.2 dockerFile做成docker
# 前端Vue项目Docker打包流程
## 1. 简介
在介绍具体的步骤之前，我们先来了解一下Docker和Vue.js的基本概念。
### Docker
Docker是一种容器化技术，可以将应用程序及其依赖打包成一个独立的、可执行的容器。通过Docker可以简化应用程序的部署和管理，并提供了一致的运行环境。
### Vue.js
Vue.js是一款流行的前端框架，用于构建用户界面。它具有
原创
2023-10-01 06:27:00
201阅读
# 前端项目打包 Docker Image
在现代前端开发中，Docker 已成为一种流行的容器化工具。它可以帮助开发者创建、部署和管理应用环境。本文将为您展示如何将前端项目打包为 Docker Image，从而方便地进行开发和部署。
## 1. 什么是 Docker？
Docker 是一个开源平台，旨在通过容器的方式简化应用程序的交付和管理。容器相当于轻量级的虚拟机，能够在不同的操作系统和
Vue前端项目打包成exe1、Vue打包成dist文件1、确保router文件的index.js这里将mode：“history"，隐藏起来，默认使用hash模式。const router = new VueRouter({
// mode: 'history',
routes
})2、vue.config.jsconst { resolve } = require('path')
mod
转载
2023-08-23 12:12:14
112阅读
命令: npm run build 作用：用vue-cli内部集成的webpack，把 .vue, .less, .js 等打包成浏览器可直接执行的代码 html，css，js。 结果：会在项目根目录下创建 /dist目录，在这个目录下产出打包后的结果。认识打
转载
2023-12-01 14:23:07
104阅读
文章目录前言一、webpack安装二、编写运行三、自定义webpack1.管理输入和输出文件（两个插件）2.管理资源 前言webpack是一个功能非常强大的前端资源加载/打包工具，它可以根据模块的依赖关系进行静态分析，然后将这些模块按一定规则生成静态资源（以下内容均在webpack5下调通）官方网址一、webpack安装1.初始化npmnpm init -y2.安装npm install web
一、场景本地正常的vue项目打包成dist文件，部署到测试环境服务器上，页面空白，无报错也无请求；部署到服务器上第一页有页面，刷新后页面空白或404；引入css的type被拦截装换为“text/plain”；二、原因：打包到服务器后，资源找不到路径，后台没有正确配置，用户在浏览器直接访问直接空白或404三、思路：前端部署路径publicPath是否正确;前端路由模式是否配置正确；
后端配置是否正确
前段时间在利用工作之余开发了tomato timer这个蕃茄钟，然后部署到github.io上，由于greatway太厉害，偶尔会有打不开的情况。上周末对比做了扩展和改进，使其成为chrome的插件，或者成为桌面app。chrome插件的使用与开发一、如何安装与使用：1、下载tomato timer项目,github地址 https://githu
转载
2024-07-15 13:55:45
49阅读
# Docker Vue前端项目打包部署
## 介绍
Docker是一个开源的容器化平台，可用于封装应用程序和其依赖项，并以容器的形式进行交付。Vue.js是一个流行的JavaScript框架，用于构建用户界面。本文将指导您如何将Vue前端项目使用Docker进行打包和部署。
## 准备工作
在开始之前，确保您已经安装了以下软件：
- Docker：
- Node.js：
## 打包V
原创
2023-08-30 08:32:27
334阅读
# 前端项目打包为Docker镜像的方案
在日常开发中，前端项目的部署是一个不可忽视的步骤。为了提高部署的可重复性和可移植性，可以将前端项目打包为Docker镜像，并通过Docker容器进行部署。本文将介绍如何将前端项目打包为Docker镜像，并提供一个具体的问题来演示解决方案。
## 问题描述
假设我们有一个基于React框架开发的前端项目，项目结构如下所示：
```
my-fronte
原创
2023-11-22 09:13:37
184阅读
常见的分布式事务场景分布式事务其实就在我们身边，你一直在用，但是你却一直不注意它。转账扣你账户的余额，增加别人账户余额，如果只扣了你的，别人没增加这是失败；如果没扣你的钱别人也增加了那银行的赔钱。下订单/扣库存电商系统中这是很常见的一个场景，用户下单成功了，店家没收到单，不发货；用户取消了订单，但是店家却看到了订单，发了货。分库分表场景当我们的数据量大了之后，我们可能会部署很多独立的数据库，但是你
转载
2024-07-04 15:59:21
53阅读
开门见山在本篇文章中主要是介绍webpack如何进行打包优化,在webpack中默认将所有的文件都打包到bundle.js文件中
但是在项目运行的时候并不是所有的模块都需要使用的，如果一次性加载全部的文件，容易浪费带宽和流量
所以呢在这里我们要把模块打包成不同js文件，实现更好的体验，主要是代码分割，
有两种实现方式，一种是多入口打包，另外一种是动态导入
具体如何实现，请看下面的演示多入口
转载
2023-11-07 12:08:40
140阅读
一、前端工程化前端工程化是把前端开发工作带入到更加系统和规范体系的一系列过程，这个过程包括源代码的预编译、模块处理、代码压缩等构建方面的工作。工程化会进尽可能保证开发者的开发体验更友好，保证源代码的质量以及依赖的完整性；工程化也会尽可能高效地将构建完成后的代码送达给客户端，来追求更好的用户体验。对一个工程进行设计并把它拆分成各个组件和模块时，是在做工程化；用Webpack构建项目，配置好各个环境的
转载
2024-04-20 19:03:24
125阅读
本篇文章主要是记录实现过程中遇到的问题，以及如何解决出现的问题，原始教程参考杨成功所写的这篇文章《纯 Git 实现前端 CI/CD》。 纯Git实现前端项目打包部署实现原理实现步骤1.在服务器中安装相应的软件程序2.服务端创建裸仓库3.添加相应钩子文件4.添加nginx解析5.本地仓库设置以及推送代码出现的问题以及解决办法1.钩子文件没有运行权限2.Node.js版本太低 实现原理利用Git Ho
转载
2023-09-30 10:26:52
203阅读
springboot项目打包部署，由于springboot内置tomcat，所以 springboot应用部署有两种方式： 1，打jar包运行； 2，打war包放到tomcat中运行1：打jar包运行 打jar包可以直接用Java -jar 命令运行；前后端分离项目在本地可以分别启动服务器启动，但是部署到Linux系统上时需要合二为一， 所以操作步骤是： 1，前端项目将后端
转载
2023-12-07 00:14:20
41阅读
1.简介本文主要介绍如何使用docker安装nginx，以及如何将前端打包好的vue项目部署到nginx上。2.操作（1）拉取nginx镜像：docker pull nginx（2）咱们先把docker镜像跑起来：docker run --name myNginx -p 80:80 -v /home/nginx/dist:/usr/share/nginx/html -d nginx
## -
转载
2023-09-20 15:10:12
181阅读
1.查找Docker Hub上的tomcat镜像# docker search tomcat 2.拉取官方的镜像# docker pull tomcat 提示：Using default tag: latestUsage: docker pull [OPTIONS] NAME[:TAG|@DIGEST]出现这个提示的原因是因为没有指定具体的版本，
转载
2023-06-14 19:14:13
182阅读
引言 最近React作为当前最为火热的前端框架。最近也相继而出来相关ES7的新语法。 当然，在使用React开发web项目的时候，不得不提到的就是与之配套的相应的打包技术，之前上文已经简单的提到React+webpack的相关环境搭建。 不过昨天，在技术群聊里，又有人提到，如何更好的利用webpack进行开发与打包。那么今天，我就用一个例子来解释一下，利用webpack来打包react项目与
转载
2024-05-28 15:12:05
191阅读
