eosvoter | 前端部署

这是关于 eosvoter 前端部署的流程，以及如何安装环境。

前端框架是采用 vue 来进行书写的，并且，前后端是完全进行分离的，在本地写前端代码的时候，要先开启后端服务。

因为项目目前具有一定的特殊性，我还没有完全吃透代码，所以，很多步骤我也只是照本宣科的执行一遍。

关于纯 vue 如何部署，你可以看我下面的专栏和文章

• vue 专栏
• vue | 在 MacBook 上部署 web 服务

开发环境

clone 完代码后

环境需要全局按照 mgbox

npm i -g mgbox

按照前端依赖

yarn

启动

npm run dev

前端上线部署

1. 执行release.sh脚本

release.sh

这个 release.sh 的代码如下

#!/bin/bash

rm -rf ./dist
rm -rf ./eosvoter.tar.gz

npm run publish

mv ./dist/template/vue/* ./dist/static/

tar zcvf eosvoter.tar.gz ./dist/static/*

scp -P *** ./eosvoter.tar.gz root@***:/var/www

2. 进入服务器***:/var/www目录下执行release.sh脚本即可。

./release.sh

这个 release.sh 的代码如下

rm -rf ./html/*
rm -rf ./dist
tar zxvf eosvoter.tar.gz -C ./
mv ./dist/static/* ./html

echo '部署成功！'

以上便是前端从运行到部署的全部流程。