温馨提示：如果有自己的服务器最好不过了，这样部署网项目就可以上线了。没有的话，只能使用localhost 本机访问啦，记得替换 ngixn 中的ip地址、域名为localhost。 (一) 准备工作一、安装1、安装Docker并配置阿里云仓库加速① 环境查看，选择对应的docker的安装版本：docker 帮助文档：https://docs.docker.com/get-started/overv
转载
2023-08-11 16:55:23
153阅读
Docker 部署项目目录Docker 部署项目一、安装docker（Ubuntu）二、docker仓库配置1、设置公有仓库2、设置私有仓库1）搭建私有仓库——私有服务器上2）设置私有仓库三、拉取镜像1、登录仓库2、拉取镜像四、dockerfile编写1、RUN2、COPY3、CMD4、ENV5、ARG6、VOLUME7、EXPOSE8、WORKDIR9、USER10、ONBUILD11、ENTR
学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,以下是整个大致流程:1、本地代码push到gitlab2、gitlab通过webhook通知到jenkins3、jenkins拉取gitlab仓库代码,并执行shell脚本4、shell脚本执行docker命令,打包项目5、安装nginx,并把打包好的dist目录映射
目前项目开发方式基本采用前后端分离的方式。前端作为一个独立的项目，一般是使用Webpack方式进行编译打包生成 dist 目录（特指vue项目），再通过Nginx单独进行部署。 为了和基于Docker的部署方式有个对比，我们先来说下服务器部署方式服务器部署方式一般来说，常规的部署方式的流程基本如下：服务器环境配置及安装 nginx将项目dist目录上传到服务器的指定位置修改 nginx安装目录/c
转载
2023-08-18 14:01:55
294阅读
Docker 作为一种新兴的虚拟化方式，跟传统的虚拟化方式相比具有众多优势。《Docker 与前端》系列文章，旨在记录如何通过 docker 构建一个相对完备的前端自动化开发环境。
Docker 是一个开源的容器引擎，可以方便的对容器进行管理。作为一种新兴的虚拟化方式，跟传统的虚拟化方式相比具有众多优势。《Docker 遇见前端》系列文章，旨在记录如何通
文章目录前言一、安装一、安装docker二、安装Docker-compose三、安装Harbor二、前端Docker部署实践2.1 在前端项目中配置相关文件2.1.1 dockerfile2.1.2 default.conf2.1.2 打包及推送前端项目镜像2.1.3 Harbor中管理镜像并运行2.1.4 配置宿主机nginx代理2.1.5 浏览器访问 前言过往项目中，前端项目最原始粗暴的部署
开发环境的搭建，是新人入职后的第一道槛，有时一个小小的问题就能阻塞半天。如果能提供一个工具在短时间内搞定开发环境，势必提高新人对团队的印象分！docker就是这样一个工具。镜像&容器docker有个重要的概念叫镜像，官方概念比较拗口，这么解释比较容易理解：docker仓库有很多镜像，包括node、nginx、redis等等，一个镜像一般解决一个问题，镜像没有状态，而且永远不会改变。容器，是
转载
2023-07-18 17:19:25
109阅读
文章目录手把手教你Docker部署若依项目（前端服务）一、 往常部署二、制作docker镜像1.打包ruoyi-ui文件2.创建目录，并上传3.Nginx配置文件编写4.Dockerfile文件编写5.构建测试6.问题？相关链接 手把手教你Docker部署若依项目（前端服务）使用Docker部署若依项目的前端服务，我们最终实现的是：启动一个镜像，我们的整个前端就启动了，想要修改nginx配置，直
转载
2023-07-08 15:57:12
179阅读
作者：一个在外讨生活的新时代农民工。 docker-compose安装nginx并部署前端项目前言制作docker-compose.yml文件创建挂载目录创建Nginx配置文件前端工程部署启动容器放开端口放开防火墙端口访问一下我们的前端吧后记 前言因为最近在公司，需要安装一套测试环境，便实操沉淀了此篇文章，后续会出一篇Docker的基础知识以及原理。docker-compose安装nginx的前提
Docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，方便运维管理。对开发者也更方便开发，测试与部署。最重要的是，当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档(文档也不一定全，全也不一定对)就可以很快让它在本地跑起来。现在很强调 DevOps 的理念，我把 DevOps 六个大字放在电脑桌面上，格物致知了一天。豁然开朗，DevOps 的意思就是写一个 Dock
转载
2023-08-22 16:03:21
21阅读
# 前端Docker部署教程
作为一名经验丰富的开发者，你需要教会刚入行的小白如何实现前端Docker部署。下面是整个流程的步骤：
| 步骤 | 操作 |
| --- | --- |
| 1 | 编写Dockerfile |
| 2 | 构建Docker镜像 |
| 3 | 运行Docker容器 |
| 4 | 部署到服务器 |
## 步骤一：编写Dockerfile
首先，你需要创建一个
随着Docker技术的不断成熟，越来越多的企业开始考虑使用Docker。Docker有很多的优势，如持续集成、版本控制、可移植性、隔离性、安全性和高性能。另外一方面如何在企业云中实施docker，是直接使用docker（Cloud by Docker）还是将docker运行在vm中进行管理（Docker in Cloud）？本文将总结优势，分析部署模式，以及最后通过2个视频demo来了解下云中运行
简单概念dockerDocker是一个虚拟环境容器，可以将你的开发环境、代码、配置文件等一并打包到这个容器中，并发布和应用到任意平台中。比如，你在本地用Python开发网站后台，开发测试完成后，就可以将Python3及其依赖包、Flask及其各种插件、Mysql、Nginx等打包到一个容器中，然后部署到任意你想部署到的环境。镜像Docker 镜像是一个特殊的文件系统，除了提供容器运行时所需的程序、
原创
2022-05-19 17:29:17
459阅读
Docker是一种轻量级的容器化技术，可以让开发者更加方便地部署、运行和管理应用程序。在前端部署方面，使用Docker可以帮助我们快速构建、交付和运行前端应用程序。下面我将详细介绍如何通过Docker来实现前端部署，希望能帮助你更好地理解和应用这项技术。
整个过程可以分为以下几个步骤：
| 步骤 | 操作 |
| -------- | -------- |
| 1 | 安装Docker |
docker自动化部署前端项目实战本文适用于个人项目，如博客、静态文档，不涉及后台数据交互，以部署文档为例。思路利用服务器node脚本，监听github仓库webhook push事件触发post请求，自动拉取最新代码，再用docker接管项目编译、部署。环境本文使用云服务器搭建，环境版本：OS：CentOS Linux release 8.2.2004docker：19.03.12node：14
转载
2023-07-20 15:31:59
52阅读
本篇BLOG主要分为7个小节讲解，每个小节独立一篇，方便编写和阅读：第一节 ：前期准备工作第二节 ：安装docker环境第三节 ：nginx+nodejs部署后端服务第四节 ：安装并配置mysql环境第五节 ：使用vue创建前端展示第六节 ：Jenkins的自动化发布部署第七节 ：完美代码托管服务git (最后更新日期：2020-3-20)第二节：安装docker环境1.为什么使用d
转载
2023-07-11 21:03:58
61阅读
一. 前言在上一文中 点击跳转 通过IDEA集成Docker插件实现微服务的一键部署，但 youlai-mall 是前后端分离的项目，除了后端微服务的部署之外，当然还少不了前端工程的部署。所以本篇讲述如何通过Docker安装Nginx实现前端Vue项目工程的部署。二. Docker安装Nginx1. 创建目录mkdir -p /usr/share/nginx/conf
mkdir -p /usr/
一、前言本文将通过docker-compose来部署前端Vue项目到Nginx中，和运行后端SpringBoot项目服务器基本环境：CentOS7.3DokcerMySQL二、docker-compose 部署Vue+SpringBoot 前后端分离项目整体项目配置结构，这里在不影响原来项目的结构，因此将所有配置文件都提出来存放到docker文件夹内了，但注意docker-compo
使用 Github Actions 可以实现 CICD 自动构建部署简单来说就是你只需要执行 git push 命令，你服务器上的网页就可以自动部署更新，无需你执行编译指令前置环境服务器一台，我的是腾讯云服务器，上面部署了 DockerGithub 账号一个本地 HTML 代码Github 仓库配置首先创建一个 Github 仓库本地 HTML 代码配置本地 HTML 代码打包需要准备如下配置文件
转载
2023-09-09 22:40:28
0阅读
所以的步骤如下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 目录结
