问题描述当前需要我进行前端代码的部署，但是我忘记了这个系统对应的部署位置，但是隐约记得好像是通过tomcat部署的。然后当时为了方便部署，我们打开了Tomcat Manager以下是基于Tomcat Manager的，没有打开的需要前往tomcat下载路径/conf/tomcat-users.xml添加以下内容1.寻找Tomcat Manager在哪首先，先进入当前正在运行的项目页面，找到IP输入
转载
2024-09-08 22:52:53
41阅读
对于前后端分离的项目，前端项目和后端项目需要单独部署，通常会使用SpringBoot框架开发后端项目，使用Vue框架开发前端项目；后端项目的部署较为简单，一般来说就是先打成一个Jar包上传到服务器，然后使用 nohup java -jar Jar包名 & 命令启动项目即可；完整部署流程可参考文章： 而对于前端Vue项目的部署，需要使用Nginx做反向代理，原因是开发的时候我们使用的是web
转载
2024-01-08 17:47:33
62阅读
Vue-genesis（一）介绍官网地址: https://fmfe.github.io/genesis-docs/genesis是一个轻量级的Vue SSR插件,不与任何框架进行绑定,但目前来说是基于vue框架,也不与任何一个node服务器进行绑定,但一般来说,node服务器优先选择express。概括性的说,它起到一个服务端聚合,客户端一键拆分打包的功效。什么是服务端聚合,即将所有子工程聚合到
一、如何部署前后端分离开发模式下，前后端是独立部署的，前端只需要将最后的构建物上传至目标服务器的Web容器指定的的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径
scp dist.zip user@host:/xx/xx/xx让web容
转载
2024-06-20 13:19:10
338阅读
文章目录一、准备环境二、安装Nginx1、 安装Nginx依赖2、下载Nginx3、解压下载好的Nginx 压缩包4、编译安装Nginx5、启动Nginx服务三、操作步骤1、使用Xshell连接服务器2、上传静态资源文件3、 配置Nginx4、 重启Nginx服务 我们在会开发项目的同时，也应该了解一下前端是如何部署项目的；一、准备环境1、服务器或者虚拟机（后端已经搭建好的，这里就不讲述如何搭建
转载
2023-12-03 06:26:11
161阅读
这篇文章是收集我在工作中经常会用到的nginx相关知识点，本文并不是基础知识的讲解更多的是一些方案中的简单实现。location的匹配规则= 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中。^~ 表示如果该符号后面的字符是最佳匹配的，采用该规则，不再进行后续的查找。~ 表示该规则是使用正则定义的，区分大小写。~* 表示该规则是使用正则定义的，不区分大小写。注意的是，nginx
转载
2024-10-22 10:52:01
16阅读
Nginx 流程目录NginxNginx是什么，能做什么基于Docker的Nginx安装和配置1、拉取nginx镜像2、根据镜像创建Nginx容器1、创建一个用于展示的HTML2、创建Nginx容器1、准备挂载目录2、进行容器创建并挂载**写在后边** Nginx是什么，能做什么是什么，能做什么 Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP
转载
2024-03-27 10:44:56
390阅读
1、安装nginx2、打包vue项目npm run build生成3、配置nginx location
原创
2023-02-22 10:50:38
265阅读
简单描述：代码开发完了，需要环境来运行测试。服务器上没有nginx，搞起搞起。 在Centos下，yum源不提供nginx的安装，可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法，**以下命令均需root权限执行**： 首先安装必要的库（nginx 中gzip模块需要 zlib 库，rewrite模块需要 pcre 库，ssl 功能需要openssl库）。选定
转载
2024-07-24 18:43:49
684阅读
前言常规的部署项目，一般分为两种方式:第一种：直接上传。部署项目需要经过本地build，压缩文件，将压缩包上传至服务器并解压文件等步骤，过程较为繁琐。第二种：利用git服务器。ssh进入web服务器 ---> 执行git clone或git pull将项目克隆至服务器 ---> 执行npm install --->&nb
转载
2024-05-08 14:10:40
225阅读
路由主作用：根据用户的请求地址，切换不同的页面组件为何使用路由来切换页面组件：①为了保障动态组件模式下，切换多个组件时，数据能在多个组件上同步，必须按照自定义属性或者自定义事件的方式完成数据加载---任意单个组件，接受了和自己无关的自定义属性数据，消耗了系统资源---任意单个组件，监听了和自己无关的自定义事件，消耗了系统资源 ②动态组件中主要是通过当前动态组件标签的:is属性进行控制，如
# Docker Nginx前端部署Vue
在Web开发中，前端部署是一个关键的环节，它决定了用户最终能够看到并与之交互的界面。而Vue是当前流行的前端框架之一，它提供了一种简洁、高效的方式来构建用户界面。而为了方便部署和管理，我们可以使用Docker来打包和运行我们的Vue应用。本文将介绍如何使用Docker部署Vue应用，并通过Nginx进行反向代理和静态文件的服务。
## 准备工作
在
原创
2023-12-16 05:55:46
50阅读
以下是详细的使用 Nginx 部署前端 Vue 项目的步骤：一、项目打包确保项目构建正确首先，在本地开发环境中，确保 Vue 项目已经完成开发并且能够正常运行。在项目目录下，打开终端，运行npm run build（如果是使用 yarn 构建，则运行yarn build）。这个命令会将 Vue 项目打包成静态文件，通常会在项目目录下生成一个dist文件夹（这个文件夹名称可以在vue.config.
通过以上步茶，打开浏览器，看看你的Vue应用在云端闪耀吧！部署成功的感觉，就像吃到刚出炉的蛋糕，甜到飞起！
在Kubernetes（K8S）部署前端Vue项目通常会涉及到使用Nginx作为静态资源服务器的一个重要部分。在本文中，我将为你介绍如何在K8S中部署前端Vue项目并使用Nginx来提供静态资源服务。
### 整体流程
为了更好地帮助你理解整个部署过程，下面是一个简单的流程表格：
| 步骤 | 操作 |
|----|----|
| 1 | 创建Vue项目并打包 |
| 2 | 创建Nginx
原创
2024-04-26 11:11:56
157阅读
文章目录一、?什么是nginx？二、?nginx 部署前端vue项目步骤2.1 ?安装nginx2.1.1 ?windows环境安装2.1.2 ?linux环境安装2.2 ?打包vue项目2.3 ?配置nginx一、?什么是nginx？Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能，时常用于服务端的反向代理和负载均衡。优点：支持海量高并发：采
哎~~~java小白开始转方向学前端了~~Vue前端环境搭建：1、Python安装：双击运行，配置环境变量path（其实具体我也不知道到底要不要装） 2、node安装：https://nodejs.org/dist/v8.16.1/ （下载一个8.16.1版本的）直接双击运行配置环境变量：path：D:\software\nodejs\node_global\ 3、
在Kubernetes(K8S)中部署Vue前端应用并配置nginx是一个常见的操作，本文将教你如何完成这个过程。首先，让我们来了解整个流程，然后详细说明每个步骤需要做什么。
### 流程概述
在K8S中部署Vue前端应用并配置nginx的流程如下：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 创建Vue前端应用Docker镜像 |
| 步骤二 | 编写nginx
原创
2024-05-22 09:59:07
199阅读
文章目录概要1、脚手架安装2、项目打包部署3、配置nginxEND 概要内容主要包括部署前端项目，nginx安装配置，以及后端项目的打包1、脚手架安装vue init webpack 项目运行（默认端口8080）npm run dev 如果前后端分离项目，发出axiox请求实现跨域时，需要配置proxy代理/**
* 例如这个前端微服务项目访问后端接口时需要带/teacher 路径，而后端服
转载
2024-01-29 12:21:58
34阅读
vue项目部署到nginx（超级详细）系统：ubuntu20 安装nginx： 可以先创建一个nginx目录，我的目录在 /usr/local/nginx下一、安装nginx1. 安装依赖$ sudo apt-get install gcc zlib1g-dev libpcre3 libpcre3-dev libssl-dev2. 下载nginx$ wget https://nginx.org/d
转载
2024-02-25 10:43:09
340阅读
