文章目录概要1、脚手架安装2、项目打包部署3、配置nginxEND 概要内容主要包括部署前端项目，nginx安装配置，以及后端项目的打包1、脚手架安装vue init webpack 项目运行（默认端口8080）npm run dev 如果前后端分离项目，发出axiox请求实现跨域时，需要配置proxy代理/**
* 例如这个前端微服务项目访问后端接口时需要带/teacher 路径，而后端服
转载
2024-01-29 12:21:58
34阅读
# 使用Dockerfile部署前端应用
在进行Web开发时，我们通常会需要将前端应用部署到服务器上，以便用户可以访问。而使用Dockerfile来部署前端应用是一种非常方便和高效的方式。Dockerfile是一个文本文档，其中包含了一条条指令，用来告诉Docker如何构建容器镜像。
在本篇文章中，我们将讲解如何使用Dockerfile来部署前端应用。我们将以一个简单的React应用为例，来演
原创
2024-06-19 06:05:53
54阅读
前端部署Dockerfile的相关技术细节和实施指南对于提升前端开发效率和应用的可移植性至关重要。在这篇博文中，我将详细记录如何顺利完成前端应用的Docker容器化部署，包括环境准备、分步指南、配置详解、验证测试、排错指南及扩展应用，力求为广大开发者提供一个全面的解决方案。
## 环境准备
在开始前，确保您的开发环境符合以下软硬件要求：
| 组件 | 系统要求
使用nginx部署前端项目（超详细教程）(所使用前端模版已经上传到个人资源，各位敬请免费领取) 所有文章不设限，我们相遇偶然，相散坦然，互不打扰，各自安好，向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释：Nginx在CentOS官方软件仓库中不可用，但它在EPEL （额外的CentOS软件包）软件仓库中可用，因此安装前需要先安装EPEL软件仓库正确安装方式1
转载
2023-11-13 20:41:54
100阅读
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部
转载
2023-12-19 11:48:37
127阅读
一个全新的开发体验 在过去的时候，如果你想运行一个Java的app，你首要的事情就是安装一个Java的runtime(也就是JDK)，但是就是在这一步一般都有很多问题。首先你要保证你安装的
runtime适配的app所需的环境，而且还要保证适配你的生产环境。可能这是大家都有过的体验：要跑起来一个java程序，你要去选择jdk，要去安装，安装完了还要去设置JAVA_HOME。
可能一台机子没有什么
转载
2023-08-24 18:47:31
74阅读
文章目录一、docker 部署前端项目方案1. 方案12. 方案2二、Nginx配置运行2.1. 拉取nginx镜像2.2. 创建配置目录2.3. 创建Nginx容器三、部署前端项目3.1. 压缩3.2. 上传3.3. 验证附录index.html50x.htmlnginx.conf 一、docker 部署前端项目方案1. 方案1一个docker容器对应一个前端项目 使用Dockerfile构建
转载
2023-06-14 19:35:15
253阅读
# 如何通过Dockerfile部署前端应用到Nginx
## 一、整体流程
下面是实现“dockerfile通过nginx部署前端”这一任务的整体流程。你可以按照以下步骤逐步操作。
```mermaid
erDiagram
Frontend -->|Dockerfile| Nginx: Deploy
```
```mermaid
flowchart TD
Start --
原创
2024-06-08 05:31:22
305阅读
本文参照：极客时间-《深入拆解 Tomcat & Jetty》-开篇词 | Java程序员如何快速成长 + 01_Web容器学习路径Web容器Web技术的发展史早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些交互操作
转载
2024-07-10 06:31:30
52阅读
在学习Dockerfile的过程中有个VOLUME命令，很多教程或书中说的是用来定义匿名卷的，其作用如下： 容器运行时应该尽量保持容器存储层不发生写操作，对于数据库类需要保存动态数据的应用，其数据库文件应该保存于卷(volume)中，后面的章节我们会进一步介绍Docker 卷的概念。为了防止运行时用户忘记将动态文件所保存目录挂载为卷，在Dockerfile 中，我们可以事先指定某些目录挂载为匿名
转载
2023-06-12 20:57:17
229阅读
前言：最近在使用尤大今年刚发布的脚手架vite2.0搭建的项目练手，打算部署到服务器上玩一玩。部署1.克隆自己的项目到服务器上git clone xxx // xxx是自己的项目仓库地址此时可以看到已经成功拉取了项目2. 获取nginx镜像docker pull nginx3. 创建 nginx 配置文件进入项目根目录，在项目根目录下创建文件default.conf，写入如下内容server {
转载
2024-03-31 18:25:30
63阅读
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必需的资源，通过容器就可以实现方便快速并且与平台解耦的自动化部署方式，无论你部署时的环境如何，容器中的应用程序都会运行在同一种环境下。Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。Nginx 是一个高
转载
2023-07-28 13:31:26
247阅读
目录前言一、前期准备1、开启虚拟服务2、下载并安装docker 二、开始部署1、安装gitlab2、修改默认账号登录密码3、修改项目clone地址 三、Gitlab CI/CD1、安装并运行gitlab-runner2、执行runner3、将项目注册到gitlab-runner1、获取token2、执行注册3、添加yml前言Git是一个用于代码的存储和版本控制开源的分布式版本控
转载
2023-11-21 21:33:39
114阅读
一、 Vite 创建 Vue3 项目打开 cmd 运行 npm init @vitejs/app项目目录文件及其分类package.json 文件内容在 Vite 中是不支持 eslink 语法校验的，需要自己配置。npm run dev 启动项目 此时就已经通过Vite2.0来曾经项目成功。补充：项目中三个文件（index.html、main.js、App.vue）的关系因此在 Vite2 搭建
转载
2024-08-25 14:54:44
72阅读
前言
书接上文，关于dockerfile指令的api在此处不做赘述，在此只是记录下注意事项： ‘示坑以埋之’。
转载
2023-07-11 06:49:51
149阅读
上午折腾了一下Jenkins持续集成，由于公司使用自己搭建的svn服务器来进行代码管理，因此这里Jenkins是针对svn服务器来进行的配置，后面稍微介绍了下针对Github管理的项目的Jenkins配置之前项目每次修改之后都需要本地npm run build一次手动发布到服务器上方便测试和产品查看，有了Jenkins持续集成之后只要svn或者git提交之后就会自动打包，很方便，此次记录以备后询。
转载
2024-06-11 01:15:00
69阅读
在项目开发的过程中，一些公司经常是前后台分开的，并不是所有的前端文件都在后台项目中，尤其是互联网公司。这时候就需要后端人员单独运行前端文件。怎么用Tomcat部署运行前端静态文件呢？工具/原料 Tomcat方法/步骤 可以把文件直接放到webapps下面。当只是运行一个项目的时候，这种方法还好，但是当你涉及到两个以上项目的时候，就麻烦了。设定虚拟目录的方法，下面详细
转载
2023-12-10 23:05:18
74阅读
这篇文章是收集我在工作中经常会用到的nginx相关知识点，本文并不是基础知识的讲解更多的是一些方案中的简单实现。location的匹配规则= 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中。^~ 表示如果该符号后面的字符是最佳匹配的，采用该规则，不再进行后续的查找。~ 表示该规则是使用正则定义的，区分大小写。~* 表示该规则是使用正则定义的，不区分大小写。注意的是，nginx
转载
2024-10-22 10:52:01
16阅读
# 前端部署到Docker的流程
## 1. 准备工作
在开始前端部署到Docker的过程之前，我们需要确保以下几个事项已经准备好：
1. 安装Docker：请确保你已经安装了Docker并且正确地配置了Docker环境。
2. 前端项目：你需要有一个已经创建好并且可以正常运行的前端项目。
## 2. Dockerfile编写
Dockerfile是一个包含了一系列指令的文本文件，用于自动化构
原创
2023-11-16 15:52:20
93阅读
# 从Spring Boot项目到Docker容器的部署
在当今互联网时代，微服务架构已经成为了主流的开发模式。而Spring Boot作为Java领域的微服务框架，受到了广泛的欢迎。当我们完成了Spring Boot项目的开发后，接下来需要将其部署到生产环境中。而Docker作为一个轻量级的容器化技术，能够提供高效的部署方案。
本文将介绍如何将Spring Boot项目部署到Docker容器
原创
2024-06-13 06:54:51
48阅读
