1，业务和极限边界的理解：是的没错，业务理解比技术水平高还要重要，目标决定过程，一个需求实现有很多技术方案，如何选择最适合业务的比较难，也是考验一个前端经验是否丰富的标准。我举个实际例子，比如我们要做一个H5全屏视频的项目，直接 video 标签就可以了，但是针对不同的浏览器需要设计相应的降级方案，比如视频上需要有交互，某些浏览器视频是最高层级，那么程序应该如何处理这一类问题，产品是无法理解的，需
转载
2023-09-03 10:11:00
32阅读
# 前端项目 Docker 化详解
随着现代 web 开发的不断进展，Docker 已经成为开发人员在构建、测试和部署应用时的重要工具。对于前端开发者而言，Docker 可以帮助我们创建一致的开发环境、简化依赖管理并实现快速部署。本文将通过对前端项目 Docker 化的步骤进行详细讲解，并提供相关代码示例，帮助你更好地理解这一过程。
## 什么是 Docker？
Docker 是一个开源的容
原创
2024-09-10 04:41:13
17阅读
文章目录手把手教你Docker部署若依项目（前端服务）一、 往常部署二、制作docker镜像1.打包ruoyi-ui文件2.创建目录，并上传3.Nginx配置文件编写4.Dockerfile文件编写5.构建测试6.问题？相关链接 手把手教你Docker部署若依项目（前端服务）使用Docker部署若依项目的前端服务，我们最终实现的是：启动一个镜像，我们的整个前端就启动了，想要修改nginx配置，直
转载
2023-07-08 15:57:12
205阅读
简单说下技术，前端vue打包的dist直接扔到服务器(此文应用nginx)里，后端node（此文应用了express）造好接口并且开启服务，nginx配置下接口转发即可。当然也要启一个mysql数据库（我还特意看了一天的mysql，无奈）。简单实现前端输入内容，调接口，存数据库这么一个流程。由于本人较穷，买不起服务器，故用了vmvare+ubuntu耍耍vmvare：https://www.vmw
转载
2023-11-04 22:09:44
75阅读
部署前端项目方法通过 Docker-Nginx-supervisor 部署在项目文件夹中新建 Dockerfile，内容如下：FROM ubuntu:14.04
ADD sources.list /etc/apt/sources.list
RUN apt-get update && apt-get install -y curl wget tar bzip2 unzip vi
转载
2024-06-19 09:37:12
67阅读
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必需的资源，通过容器就可以实现方便快速并且与平台解耦的自动化部署方式，无论你部署时的环境如何，容器中的应用程序都会运行在同一种环境下。Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。Nginx 是一个高
转载
2023-07-28 13:31:26
241阅读
前言：最近在使用尤大今年刚发布的脚手架vite2.0搭建的项目练手，打算部署到服务器上玩一玩。部署1.克隆自己的项目到服务器上git clone xxx // xxx是自己的项目仓库地址此时可以看到已经成功拉取了项目2. 获取nginx镜像docker pull nginx3. 创建 nginx 配置文件进入项目根目录，在项目根目录下创建文件default.conf，写入如下内容server {
转载
2024-03-31 18:25:30
63阅读
所以的步骤如下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阅读
# Vue前端项目Docker化部署指南
在现代Web开发中，Docker已经成为一种绝佳工具，它使得应用的构建、部署和版本管理变得更加简单和高效。本文将介绍如何将一个Vue前端项目通过Docker进行部署，以及所需的相关配置和代码示例。
## 什么是Docker？
Docker是一个开源的应用容器引擎，它允许开发者将应用程序及其依赖项打包到一个独立的容器中。这种方式确保了应用在任何环境下都
前言：本文描述了如何采用teamcity将项目部署在docker容器中，完成前端项目（例子为vue，其他项目理论上也适用，各框架下完成项目打包即可）自动部署的具体方式，思路及步骤如下： 1.teamcity从git拉取代码到工作空间 2.在工作空间目录下，项目打包生成dist， 3.将dist复制到以nginx为基础镜像的dockerimage中，完成dockerimage的build 4.最后用
转载
2023-11-19 10:11:52
262阅读
Docker 是一款开源的容器化技术，通过将代码和依赖打包在容器中，可以实现代码在不同环境中的一致性和可移植性。在前端项目中使用 Docker 部署可以简化部署流程和提高应用的可靠性和稳定性。下面我将为你介绍如何使用 Docker 部署前端项目。
整个过程可以分为以下几个步骤：
| 步骤 | 操作 |
|---|---|
| 1 | 编写 Dockerfile |
| 2 | 构建 Dock
原创
2024-04-26 09:38:00
70阅读
# Docker部署前端项目
## 介绍
在传统的开发环境中，部署前端项目可能需要复杂的配置和依赖管理。然而，通过使用Docker，我们可以将前端项目打包成一个独立的容器，并且在任何环境中运行，避免了环境配置的繁琐和依赖管理的问题。本文将指导你如何使用Docker来部署前端项目。
## 流程
以下是部署前端项目的主要步骤，我们可以通过表格形式展示：
| 步骤 | 描述 |
| --- | -
原创
2023-08-03 17:00:33
609阅读
Docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，运维管理。对于业务开发者而言，随着持续集成的发展，对代码质量及快速迭代的要求也越来越高。对于前端而言，在 CI 环境中使用也更容易集成开发，测试与部署。比如可以为流水线(Pipeline)设置 Lint/Test/Security/Audit/Deploy/Artifact 等任务，更好地把控项目质量。现在无论是
转载
2024-09-27 18:28:48
18阅读
作者：一个在外讨生活的新时代农民工。 docker-compose安装nginx并部署前端项目前言制作docker-compose.yml文件创建挂载目录创建Nginx配置文件前端工程部署启动容器放开端口放开防火墙端口访问一下我们的前端吧后记 前言因为最近在公司，需要安装一套测试环境，便实操沉淀了此篇文章，后续会出一篇Docker的基础知识以及原理。docker-compose安装nginx的前提
转载
2024-04-11 21:07:35
55阅读
本篇文章主要介绍将一个完整的 Web 项目（包括数据库、后端、前端）部署到 Docker 中的详细步骤项目是前后端分离的，后端使用 SpringBoot + JKD17 + MySQL 8；前端使用 Vue + webpack。服务器是跑在 WSL2 上的 Ubuntu 20.04.5? Docker 部署 Web 项目（优化篇）服务器目录结构—— root
|—— mall // 根目录
转载
2023-09-11 14:39:12
182阅读
开门见山，本文分享前后端分离，容器化前端项目时动态插入后端API基地址，这是一个很赞的实践，解决了前端项目容器化过程中受制后端调用的尴尬。尴尬从何而来常见的web前后端分离：前后端分开部署，前端项目由nginx承载打包文件，反向代理请求。应用的某些部分必须是可配置的，比如API调用基地址， 前端打包时候统一插入该地址，最终形成chunk files，并由nginx承载。# ------------
转载
2024-06-25 14:00:40
42阅读
富 Web 时代，应用变得越来越强大，与此同时也越来越复杂。集群部署、隔离环境、灰度发布以及动态扩容缺一不可，而容器化则成为中间的必要桥梁。本节我们就来探索一下 Docker 的神秘世界，从零到一掌握 Docker 的基本原理与实践操作。别再守着前端那一亩三分地，是时候该开疆扩土了。一、讲个故事为了更好的理解 Docker&nb
转载
2024-03-04 01:24:01
91阅读
# Docker部署前端Vue项目
## 介绍
Docker是一种开源的容器化平台，可以帮助我们更便捷地构建、交付和运行应用程序。在前端开发中，我们通常使用Vue框架来构建Web应用程序。为了更方便地部署和运行Vue项目，我们可以使用Docker来创建一个容器，并在该容器中运行我们的应用程序。
本文将介绍如何使用Docker来部署前端Vue项目，并提供相应的代码示例。
## 准备工作
在
原创
2023-07-29 06:29:04
230阅读
docker -v/usr/local/bin/docker-compose -vcd /opt/front_docker/usr/local/bin/docker-compose -f build-compose.yml run build-sf-shop-
原创
2021-10-22 17:47:46
582阅读
# 前端Vue项目Docker打包流程
## 1. 简介
在介绍具体的步骤之前，我们先来了解一下Docker和Vue.js的基本概念。
### Docker
Docker是一种容器化技术，可以将应用程序及其依赖打包成一个独立的、可执行的容器。通过Docker可以简化应用程序的部署和管理，并提供了一致的运行环境。
### Vue.js
Vue.js是一款流行的前端框架，用于构建用户界面。它具有
原创
2023-10-01 06:27:00
201阅读
