首先需要拥有一台服务器，我用的是阿里云的CentOS。下面就让我们开始吧！1、部署服务器一、配置阿里云端口进入阿里云控制台，安全组 -> 配置规则 进入配置端口，开放了对应的端口，服务器才能访问。二、安装Xshell和，XftpXshell用来连接服务器，Xftp用来上传或者删除文件，十分的方便。 下面给出下载地址：https://www.netsarang.com/zh/xshell/ 1
原理：vue打包编译后的文件就是一套纯静态页面，在本地能直接访问index.html，放到服务器任意目录也能直接访问，通过Nginx反向代理用域名指向服务器的index.html就可以正常访问了。1. vue本地打包编译生成dist文件夹 2. 上传到服务器任意目录（例如：/home/dist） 3. Nginx配置文件，下面是贴出一个的简单例子server { listen
原创
2022-05-13 22:33:04
644阅读
Linux部署Vue项目
Vue.js是一种流行的JavaScript框架，用于构建交互式的Web界面。在开发完成之后，我们通常需要将Vue项目部署到服务器上，以便用户能够访问到我们的网站。本文将向您介绍如何在Linux系统上部署Vue项目。
整个部署过程可以分为以下几个步骤：
| 步骤 | 操作
Linux部署前端Vue项目1 部署到tomcat上1.1 部署Vue项目打包项目在命令行终端，输入命令，打包项目：npm run build将生成的dist文件夹下的所有内容复制到tomcat的webapps下"推荐":在webapps下新建一个文件夹，例如yygh-admin，然后将dist文件夹内容复制进去启动tomcat，并输入访问地址http://192.168.145.48:8080/
前戏 假设你这边已经写好了一个vue的项目，并且本地运行也是没有问题的，现在我们就可以部署
原创
2022-07-07 10:46:05
321阅读
目录儿引入：1 打包 Vue 项目2 部署 Nginx2.1 安装 Nginx 依赖2.1.1安装 gcc 编译器2.1.2安装 pcre pcre-devel 库2.1.3安装 zlib、zlib-devel 库2.1.4安装 openssl 库2.1.5安装 Nginx2.2 Nginx自启动 引入：公司需要部署一个前后端分离的项目，木有经验。 理论上 Vue 项目打包后就是一个文件目录，是
1.npm run build 进行打包 会生成一个dist文件 注意vue上面配置的反向代理是不生效的2.linux安装nginx反向代理 然后在nginx.conf配置文件中配置 nginx配置中重要的指令 1.proxy_pass #user nobody; worker_processes ...
转载
2021-10-28 10:06:00
676阅读
2评论
在Kubernetes（K8S）环境下如何将Vue项目打包并部署到Linux服务器是一个常见的问题，本文将为您详细介绍该过程。首先，让我们通过以下表格总结整个流程的步骤：
| 步骤 | 操作 |
|----------------|-----------------
首先我们新建一个express服务、新建一个Vue项目vue配合axios连接express搭建的node服务器接口_简单案例阿里云这里使用阿里云服务器，我们配置好自己的账号密码后，使用ssh链接到我们的Linux，下载我们的宝塔工具。安装宝塔命令 因为我们使用的是Centos； Centos安装脚本yum install -y wget && wget -O install.sh
项目部署是一个程序员必备的技能，当项目开发过程中，需要将项目部署在开发服务器上，进行自测，或协助运维，测试进行环境的搭建配置，学会了项目部署，你就是团队中最亮的那个仔。 项目简介 后端：springboot项目【打包为jar包】 前端：vue项目【...
原创
2021-10-22 10:15:48
88阅读
文章目录前言一、启动方式二、nginx配置和访问控制全局配置I/O配置http配置统计访问状态访问控制三 构建web主机基于域名创建基于IP地址基于端口设置 前言nginx的虚拟主机和apache一样，都是基于域名 端口 IP地址来创建，最常见的还是基于域名创建。一、启动方式nginx不同于apache，无法直接去启动，需要添加为系统服务才可以启动。 其一是修改配置文件 还有一种就是通过脚本启动
项目部署是一个程序员必备的技能，当项目开发过程中，需要将项目部署在开发服务器上，进行自测，或协助运维，测试进行环境的搭建配置，学会了项目部署，你就是团队中最亮的那个仔。项目简介后端：springboot项目【打包为jar包】前端：vue项目【通过cli3搭建】目标服务器：liunx操作系统使用工具xshell：通过命令操作服务器sftp：上传安装包到服务器部署思路 jdk、tomcat安装包下载
原创
2021-06-02 16:53:08
626阅读
1评论
#### 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
vue-swiper/
├── src/
│ ├── components/ //内置组件
│ │ ├── indicator.vue // 指示器组件
│ │ └── item.vue // 单个轮播图容器组件
│ ├── main.js // 项目出口
│ └── main.vue //组件出口
├── README.md
├── package.jso
转载
2023-06-16 21:16:10
147阅读
VUE部署
原创
2022-11-05 11:47:05
253阅读
最近公司项目在测试前端项目,需要频繁的进行更换文件,虽然工作量不大,但是频繁的重复工作有点降低了工作效率,于是就搭建了jenkins + Vue 的自动化部署,可以实现自己拉取代码+构建+然后再发到web服务器上面,只需要告诉开发Jenkins的地址,去点一下鼠标就能实现自动化部署了。环境介绍： 系统：CentOS Linux release 7.6.1810 (Core) JDK：java ve
简单描述：代码开发完了，需要环境来运行测试。服务器上没有nginx，搞起搞起。 在Centos下，yum源不提供nginx的安装，可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法，**以下命令均需root权限执行**： 首先安装必要的库（nginx 中gzip模块需要 zlib 库，rewrite模块需要 pcre 库，ssl 功能需要openssl库）。选定
案例一 vue-cli构建vue3项目，将项目上传到Linux服务器，服务器安装node，并启动vu
原创
2022-10-02 00:11:20
1378阅读
前戏 在nginx里已经部署了前端项目，现在还需要部署后端项目 后端项目使用django+DRF，
原创
2022-07-07 10:46:17
244阅读
