vue项目部署到云服务器,通过docker,nginx

一.先购买一个服务器,阿里云,腾讯云都可以

二.现在你的云服务器上下载docker

yum install -y yum-utils  device-mapper-persistent-data  lvm2
再设置稳定的仓库
yum-config-manager \
--add-repo \
https://download.docker.com/linux/centos/docker-ce.repo
安装最新版本的 Docker Engine-Community 和 containerd
 yum install docker-ce docker-ce-cli containerd.io
 如果提示您接受 GPG 密钥,请选是。
 启动docker
 systemctl start docker

三.在docker中安装nginx

查找nginx镜像
docker search nginx
下载nginx镜像
docker pull nginx
启动改镜像,使用nginx服务
docker run -d -p 8080:80 nginx
访问你的公网ip+8080,即可成功

四.将项目传到github上去

    git init
    git add .
    git commit -m '项目描述'
   git remote add origin + 你的项目地址
   注:如果出现fatal: remote origin already exists.
   那先git remote rm origin再 git remote add origin + 你的项目地址
   git push -u origin master
   注:如果出现error: failed to push some refs to 
   那就git pull --rebase origin master
再git push -u origin master

五.在云服务安装git

yum install -y git
git配置
git config --global user.name "Your Name"
git config --global user.email "[email protected]"
生成公钥和私钥
ssh-keygen -t rsa -C "[email protected]"
cat /root/.ssh/id_rsa.pub 查看公玥

六.打开github,将公玥加入

 找到setting
 点击SSH and GPG keys
 点击New SSH key
 名字自己取,将公玥放入下面,保存

七.在服务器新建目录

 克隆你github上的项目
 git clone +你项目ssh的地址
 要是问到Are you sure you want to continue这句话,选择yes

八.在服务器安装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
 npm run build

十.重新运行docker的nginx

docker run -d -p 8080:80 -v $PWD/dist:/usr/share/nginx/html nginx

十一.接下来你就可以通过你的公网ip+8080访问你的项目了

发布了53 篇原创文章 · 获赞 76 · 访问量 1672

猜你喜欢

转载自blog.csdn.net/weixin_45389051/article/details/104823760