将Vue通过nginx部署到阿里云服务器上

一、打包Vue项目

在终端输入npm run build，打包完成就会出现一个dist文件夹

二、Nginx的配置安装

1.下载安装包

选择一个目录，cd /usr/local 输入wget http://nginx.org/download/nginx-1.6.2.tar.gz 下载安装包。

2.解压安装

tar -zxvf nginx-1.62.tar -C /usr/local

3.下载依赖的库文件

①yum install pcre

②yum install pcre-devel

③yum install zlib

④yum install zlib-devel

4.进行configure配置

cd /usr/local/nginx-1.6.2 && ./configure --prefix=/usr/local/nginx

5.编译安装（到解压好的目录下）

make && make install

6.启动Nginx

cd到/usr/local/nginx目录下。执行ls，可以看到四个目录conf、html、logs、sbin

启动命令 ./sbin/nginx

7.查看

查看是否成功ps -ef | grep nginx，如果成功，http://服务器ip:80，浏览器能看到欢迎界面

四、Nginx配置

把conf/nginx.conf这个文件配置一下就好了

五、部署成功

访问你的ip加端口号就能看见你部署的前端项目了。

参考vue项目部署到阿里云上详解（一次详细的部署） - 灰信网（软件开发博客聚合） (freesion.com)