原创
2022-08-19 11:30:21
518阅读
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
176阅读
上一篇文章记录了怎么在本地修改前端，现在我要把我的修改添加到部署到本地的前端的docker容器中，然后打包这个容器成为一个本地镜像，然后把这个本地镜像上传到阿里云的容器镜像仓库，这样就方便以后的实机部署。本地环境还是Ubuntu14-64bit没有变，其实就是上一篇文章的继续，电脑我都没关。。。1.首先在本地部署前端的镜像，在这个文件里，找到oj-backend，直接pull这里的imaged
转载
2024-05-30 14:57:35
115阅读
## 使用Docker打包Nginx和前端镜像
在现代的Web开发中，使用Docker打包应用程序是一种非常流行的方式。特别是当我们需要将前端应用和Nginx服务器一起部署时，Docker可以帮助我们简化这个过程。本文将介绍如何使用Docker来打包Nginx和前端镜像，并提供代码示例。
### Docker简介
Docker是一种开源的容器化平台，它可以帮助开发者打包应用程序及其依赖项，并
原创
2024-03-04 05:18:58
115阅读
很开心啊，遇到这个问题，就要讲讲docker容器的进程原理了，基本上了解过docker的人都清楚docker的几个隔离方式，那么进程同样是进行隔离。问题1.docker容器跑着为啥会挂掉？docker 容器默认会把容器内部第一个进程，也就是pid=1的程序作为docker容器是否正在运行的依据，如果docker 容器pid挂了，那么docker容器便会直接退出。2.docker run的时候把co
转载
2023-09-21 18:54:07
53阅读
webpack打包理解（将所有依赖文件打包到一个文件中）由于前端代码变得越来越多，越来越复杂， 纯粹脚本化的代码书写方式已经不能满足工程化得需求。前端模块被抽象出来， 不仅仅包括js模块， 其它如css都算作一个模块。将这些模块打包到同一个js文件中，就叫webpack打包。 打包原理https://www.jianshu.com/p/e24ed38d89fd
webpack只
转载
2024-08-22 20:12:02
64阅读
为什么使用打包工具？开发时，我们会使用框架（React、Vue），ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法，才能运行。所以我们需要打包工具帮我们做完这些事。除此之外，打包工具还能压缩代码、做兼容性处理、提升代码性能等。一、基本配置Webpack 是一个静态资源打包工具。它会以一
转载
2024-07-09 15:22:50
76阅读
# Docker打包前端镜像Nginx配置文件
![docker-nginx](
在开发前端应用时，我们通常会使用Nginx作为静态文件的Web服务器。而使用Docker打包前端镜像可以使部署更加方便和可靠。
本文将介绍如何使用Docker打包一个前端应用，并配置Nginx作为静态文件服务器。
## 1. 准备工作
在开始之前，我们需要准备以下几个环境：
- Docker：确保已经安装
原创
2024-01-16 04:48:30
160阅读
一、准备环境关于docker的安装可以参考Docker简介及安装配置详解这里就不做介绍了！案例需求：（1）各个容器需要实现数据持久化；（2）为容器分配固定的IP地址，防止容器重建后，IP地址发生变化，带来不必要的麻烦；案例环境：在一台docker 主机上安装即可！预设环境如图：二、案例实施（1）创建网卡，解决固定IP地址[root@docker ~]# docker network create
转载
2023-08-23 17:09:38
59阅读
0.背景最近做一个基于 VUE 2 的资产后台管理系统。因为暂时没有后台人员编写数据接口，只把前端页面构建出来了。 突然有一天，领导说有客户来访，需要看一看后台管理系统的界面演示。而当前做的web项目只有纯静态，也木有上线，所以给客户演示时非常不方便，于是领导喊我将其打包成一个桌面应用程序，直接可以离线观看的那种。 当时听着也是一愣，这玩意不是应该是c++或java这种更牛逼的东西干的事情吗？
# 如何实现"Docker前端打包"
作为一名经验丰富的开发者，你需要教导一位刚入行的小白如何实现"Docker前端打包"。下面将会详细介绍这个过程，以及每一步需要做什么。
## 流程步骤
首先，让我们来看一下"Docker前端打包"的整个流程：
```mermaid
journey
title Docker前端打包流程
section 准备工作
开发前端代
原创
2024-03-21 05:24:13
33阅读
Nginx 是一个高性能的HTTP和反向代理服务器，同时也是一个 IMAP/POP3/SMTP 代理服务器。常见场景：静态资源服务器动态匹配反向代理Gzip 压缩负载均衡先来看下默认的Nginx配置，我将以此为基础依次介绍Nginx的用法Nginx 安装目录下的nginx.conf就是Nginx全局的配置文件，我们主要修改这里的内容。nginx.conf.default作为配置文件的备份。# 设置
转载
2024-07-28 12:11:21
130阅读
# 如何实现“docker 打包前端”
## 1. 流程图
```mermaid
flowchart TD
A(创建Dockerfile) --> B(构建镜像)
B --> C(运行容器)
```
## 2. 整体步骤
| 步骤 | 描述 |
| -------- | ------- |
| 1 | 创建Dockerfile文件 |
| 2 | 构建镜像 |
| 3 | 运行
原创
2024-04-10 03:45:24
43阅读
在现代前端开发中，为了提升开发效率与代码质量，使用 Docker 对前端项目进行打包和部署已成为一种普遍的做法。通过 Docker，我们可以将整个前端环境容器化，使得我们的应用在不同的环境中达到一致的效果。本文将以“前端打包 Docker”为主题，逐步解析解决这一问题的过程，内容将依据背景描述、技术原理、架构解析、源码分析、性能优化、总结与展望的结构进行阐述。
为更清晰地展示整个打包过程，以下是
# 前端docker打包实现指南
## 1. 整件事情的流程
在实现前端docker打包的过程中，可以分为以下几个步骤：
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 安装Docker并配置环境 |
| 步骤二 | 创建Dockerfile文件 |
| 步骤三 | 构建Docker镜像 |
| 步骤四 | 运行Docker容器 |
## 2. 每一步的具体操作
##
原创
2024-01-03 06:28:28
125阅读
最近项目打包的时候发现打包后的文件夹占用内层巨大，项目的加载速度也是有可见的延迟，于是想尽办法优化包，最终从几十M压到了几M，趁此机会总结一波优化方法，仅供参考。
最近项目打包的时候发现打包后的文件夹占用内层巨大，项目的加载速度也是有可见的延迟，于是想尽办法优化包，最终从几十M压到了几M，趁此机会总结一波优化方法，仅供参考。# 前端优化
## 优化
转载
2024-02-20 19:31:47
583阅读
# 使用 Docker 打包 Nginx 的完全指南
在今天这个微服务和容器化的时代，Docker 已成为开发和部署应用程序的重要工具。通过 Docker，我们可以将应用及其所有依赖项打包到一个容器中，确保在任何环境中都能一致运行。这篇文章将带你了解到如何使用 Docker 打包 Nginx，并帮助你理解每一步的细节。
## 流程概览
下面的表格展示了使用 Docker 打包 Nginx 的
原创
2024-09-09 06:07:46
107阅读
# Nginx Docker打包
在现代的Web开发中，Nginx是一个非常重要的Web服务器和反向代理服务。而Docker作为一种容器化技术，可以更加高效地打包和部署应用程序。本文将介绍如何使用Docker打包Nginx，并提供详细的步骤和代码示例。
## 为什么使用Docker打包Nginx
使用Docker打包Nginx的好处包括：
1. 隔离性：Docker容器提供了隔离环境，保证
原创
2024-05-24 06:12:10
54阅读
# 如何实现nginx打包docker
## 1. 整体流程
下面是实现nginx打包docker的整体流程：
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 创建一个nginx配置文件 |
| 步骤二 | 创建一个Dockerfile |
| 步骤三 | 构建docker镜像 |
| 步骤四 | 运行docker容器 |
接下来，我将逐步解释每个步骤需要做什么，并提供
原创
2023-11-20 10:25:18
187阅读
# Docker打包Nginx教程
## 1. 概述
本教程将指导你如何使用Docker来打包Nginx，使其成为一个可移植、易于部署的容器。Docker是一种轻量级的虚拟化技术，可以帮助开发者快速构建、交付和运行应用程序。
## 2. 整体流程
下面是实现"docker打包nginx"的整体流程，具体步骤如下：
```mermaid
gantt
title Docker打包Ngin
原创
2023-12-12 11:52:51
28阅读
