Vue项目部署到远程服务器 并实现自动远程同步项目

  使用Vue开发项目时通常是前后端分离的，这样就前后端各有一个地址，用户访问的是前端的地址，即前端路由，前端再向后端地址请求页面数据然后渲染页面。本文简单介绍通过Apache2部署前端项目到服务器，以及如何将本地项目自动推送到远程服务。
  我的服务器系统版本 ubuntu16.04，如果你的也是ubuntu应该差别就不大。这里我用的服务器是国外的Vultr云服务器 ，平时就随便玩玩(科学上网)还可以，关键是比阿里云便宜太多而且科学上网不会收到警告(竟然是一句广告！)。

---

以下分步介绍服务器部署以及远程同步项目。
1. 安装Apache2

sudo apt install apache2

  无意外的话安装好就自动启动了，浏览器地址栏输入ip或者域名就能够看到Apache2服务的默认页面了。
Apache2默认访问的文件路径是/var/www/html，会返回该路径下的index.html文件内容给浏览器。
2.更改服务器访问目录
  Apache2的配置文件为/etc/apache2/sites-available/000-default.conf。
vim打开：

看到DocumentRoot即为服务根目录，我们修改为我们想要的目录同时增加