本文档适用于所有Linux系统示例环境 系统版本：Ubuntu 22.04 web服务端版本：nginx 1.18.0 前端版本：dist-2.2.12-20231122一、创建目录#Linux环境下，前端路径为/home/nvisual-frontend/
sudo mkdir -p /home/nvisual-frontend/dist二、解压前端文件#上传前端包至服务器并解压到dist，我这
在传统的前端项目开发中，我们通常会将前端项目部署到服务器上，以供用户访问。而在使用Kubernetes（K8S）来部署前端项目时，我们可以更加方便地管理和扩展我们的项目。下面我将向你介绍如何在Linux环境下部署前端项目，使用K8S来管理项目的流程。
### 整体流程
下面是部署前端项目到K8S的整体流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建前端项目的D
原创
2024-04-23 19:02:29
226阅读
随着云计算和容器技术的发展，Kubernetes（简称K8S）作为一种自动化容器编排管理工具，越来越受到开发者和运维人员的青睐。在这篇文章中，我将向你介绍如何使用K8S在Linux系统上部署前端页面。
整个过程可以分为以下步骤：
| 步骤 | 内容 |
|------|-----------------|
| 1 | 准备前端页面代码 |
| 2 | 配置Do
原创
2024-05-07 10:02:36
107阅读
目录一、VMware 二、centos7的安装三、Mysql安装四、 前端项目部署1.确保前台项目能用 2.将前台项目打包npm run build3.做ip/host主机映射4.完成Nginx动静分离的default.conf的相关配置 5.将前端构件号的dist项目，上传到云服务器/usr/local/...一、VMware centos7的安
使用nginx部署前端项目（超详细教程）(所使用前端模版已经上传到个人资源，各位敬请免费领取) 所有文章不设限，我们相遇偶然，相散坦然，互不打扰，各自安好，向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释：Nginx在CentOS官方软件仓库中不可用，但它在EPEL （额外的CentOS软件包）软件仓库中可用，因此安装前需要先安装EPEL软件仓库正确安装方式1
转载
2023-11-13 20:41:54
100阅读
文章目录相关信息一、源码编译环境部署1.1 yarn部署1.2 nodejs 部署1.3 安装git二、pancakeswap 前端源码编译2.1 pancakeswap前端源码2.2 编译pancakeswap前端源码三
原创
2022-01-11 17:13:56
1212阅读
#### 1.安装nginx解压和编译的lib库
```
# 一键安装四个依赖包
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
```
#### 2.下载nginx
> 首先进入/usr/local目录
```
# 下载nginx nginx-1.24.0压缩包
wget -c http://nginx
原创
2024-07-02 09:14:31
144阅读
前端部署是指将前端代码部署到服务器上，使用户可以通过浏览器访问到网站或应用。在Kubernetes（K8S）环境下，前端部署需要遵循一定的流程和步骤来完成，下面我将为你详细介绍。
### 前端部署流程
在Kubernetes中，实现前端部署的流程如下表所示：
| 步骤 | 操作 |
| :----: | :---- |
| 1 | 创建前端代码仓库 |
| 2 | 编写Dockerfile
原创
2024-05-07 10:02:19
124阅读
前端多环境部署前端程序一般会部署在开发、生产等不同环境中，各个环境的配置信息可能不同。例如:api域名// 生产
baseUrl="http://www.xxx.com";
// 开发
// baseUrl="http://www.xxx.cn";日志打印控件// 生产
new Vconsole();
// 开发
// new Vconsole();移除日志打印// 生产
// babel.con
转载
2024-08-14 00:45:04
15阅读
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部
转载
2023-12-19 11:48:37
127阅读
本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。第二部分是使用 Github Actions 将 Github 项目部署到 Github Page 和阿里云。阅读本教程并不需要你提前了解 Jenkins 和 Github Action
转载
2024-02-27 10:12:05
273阅读
温馨提示：如果有自己的服务器最好不过了，这样部署网项目就可以上线了。没有的话，只能使用localhost 本机访问啦，记得替换 ngixn 中的ip地址、域名为localhost。 (一) 准备工作一、安装1、安装Docker并配置阿里云仓库加速① 环境查看，选择对应的docker的安装版本：docker 帮助文档：https://docs.docker.com/get-started/overv
转载
2023-08-11 16:55:23
181阅读
Button 按钮 | Element PlusIcon 图标 (组件) - Element UI 中文开发手册 - 开发者手册 - 腾讯云开发者社区-腾讯云目标：将数据以表格的形式展现在网页中一、在VS Code里创建文件 在src-api下新建自己的包basic，文件channel.js，这个js文件
转载
2024-05-10 00:49:26
170阅读
将 Vue 项目部署到线上，通常需要经过以下步骤：1. **本地开发和测试：**- 确保您的本地开发环境已经安装了 Node.js 和 np并进行功能测试和调试。
原创
2024-01-02 12:19:15
246阅读
在项目开发的过程中，一些公司经常是前后台分开的，并不是所有的前端文件都在后台项目中，尤其是互联网公司。这时候就需要后端人员单独运行前端文件。怎么用Tomcat部署运行前端静态文件呢？工具/原料 Tomcat方法/步骤 可以把文件直接放到webapps下面。当只是运行一个项目的时候，这种方法还好，但是当你涉及到两个以上项目的时候，就麻烦了。设定虚拟目录的方法，下面详细
转载
2023-12-10 23:05:18
74阅读
所以的步骤如下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
85阅读
1、DIR定义struct __dirstream
{
void *__fd;
char *__data;
int __entry_data;
char *__ptr;
int __entry_ptr;
size_t __allocation;
size_t __size;
可以到Node.js官网下载适合自己操作系统版本的Node.js二进制文件，并将其解压缩到想
原创
2023-06-03 07:57:55
274阅读
学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,以下是整个大致流程:1、本地代码push到gitlab2、gitlab通过webhook通知到jenkins3、jenkins拉取gitlab仓库代码,并执行shell脚本4、shell脚本执行docker命令,打包项目5、安装nginx,并把打包好的dist目录映射
转载
2023-10-24 13:19:46
120阅读
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
