vue项目部署到云服务器

阳光穿透心脏的1/2处 2022-12-19 08:39 186阅读 0赞

#### 云服务器我使用的liunx系统 ####

> 需要用到的环境Git Docker Nginx Node

#### 安装Docker ####

> 查看是否已安装Docker列表  
> yum list installed | grep docker  
> 安装Docker  
> yum -y install docker  
> \-y表示不询问安装，直到安装成功，安装完后再次查看安装列表

> 启动Docker  
> systemctl start docker  
> 查看本地镜像  
> docker images  
> 查看运行中的容器  
> docker ps  
> 关闭容器  
> docker stop xxxx  
> xxxx 是CONTAINER ID的前几位

#### 在Docker中安装Nginx ####

> 下载nginx镜像  
> docker pull nginx  
> 查看本地镜像  
> docker images  
> 启动该镜像，使用nginx服务  
> docker run -d -p 8080:80 nginx

访问你的公网ip+8080，即可成功

#### 安装git ####

> yum install -y git  
> git配置  
> git config --global user.name “Your Name”  
> git config --global user.email “xxx@xxx.com”  
> 生成公钥和私钥  
> ssh-keygen -t rsa -C “xxx@xxx.com”  
> 查看公玥  
> cat /root/.ssh/id\_rsa.pub

#### 安装node ####

> wget https://nodejs.org/dist/v9.3.0/node-v9.3.0-linux-x64.tar.xz  
> 解压文件  
> tar -xvf node-v9.3.0-linux-x64.tar.xz  
> 部署bin文件  
> ln -s ~/node-v9.3.0-linux-x64/bin/node /usr/bin/node  
> ln -s ~/node-v9.3.0-linux-x64/bin/npm /usr/bin/npm  
> 更新最新版本的node  
> npm install -g node

#### 克隆项目到服务器上 ####

> 初始化  
> git init  
> 克隆项目  
> git clone xxx(项目地址）

#### 进入项目打包 ####

> npm install  
> npm run build

#### 删除容器 demo:容器名称 ####

> docker rm -f demo &> /dev/null

#### 重新运行docker的nginx部署dist ####

> docker run -d --restart=on-failure:5 -p 1234:80 -v $PWD/dist:/usr/share/nginx/html --name demo nginx

> d:：后台运行  
> \-p:：端口映射 冒号前是本机端口，冒号后是容器端口  
> 1234：端口号  
> demo：名称

部署流程命令行指令可以直接写成sh脚本 然后运行脚本就完事了。这样就很省事