一:注册购买阿里云服务器。
操作系统根据需要选择,我选择的是CentOs。
二:下载xshell和xftp
使用xshell连接服务器
连接服务器成功
三:安装nginx
Nginx是C语言开发，建议在 Linux 上运行，当然，也可以安装 Windows 版本，本篇则使用
CentOS 7 作为安装环境。
1:gcc 安装
安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要
安装：
yum install gcc-c++
2:PCRE pcre-devel安装
PCRE（Perl Compatible Regular Expressions）是一个Perl库，包括 perl 兼容的正则表达式库。
nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel
是使用 pcre 开发的一个二次开发库。nginx也需要此库。命令：
yum install -y pcre pcre-devel
3:zlib 安装
zlib 库提供了很多种压缩和解压缩的方式， nginx 使用 zlib 对 http 包的内容进行 gzip ，所以需要
在 Centos 上安装 zlib 库。
yum install -y zlib zlib-devel
4:OpenSSL 安装
OpenSSL 是一个强大的安全套接字层密码库，囊括主要的密码算法、常用的密钥和证书封装管理
功能及 SSL 协议，并提供丰富的应用程序供测试或其它目的使用。
nginx 不仅支持 http 协议，还支持 https（即在ssl协议上传输http），所以需要在 Centos 安装
OpenSSL 库。
yum install -y openssl openssl-devel
5:下载安装nginx 使用wget命令下载（推荐）。确保系统已经安装了wget，如果没有安装，执行 yum
install wget 安装.
wget -c https://nginx.org/download/nginx-1.12.0.tar.gz
我下载的是1.12.0版本，这个是目前的稳定版。
6:解压命令
tar -zxvf nginx-1.12.0.tar.gz
cd nginx-1.12.0
7:配置编译 - 使用默认配置
./configure
8:编译安装
make
make install
9:查看安装命令 - 此处需要注意,我们编写nginx.conf的时候是在nginx安装目类下，并非是解压包目录下，很多人反映修改nginx.conf无效，大部分都是进入到解压包目录修改了。
whereis nginx
10：启动nginx
cd /usr/local/nginx/sbin/ #进入bin目录
./nginx #启动
./nginx -s stop #此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程
./nginx -s quit #此方式停止步骤是待nginx进程处理任务完毕进行停止
./nginx -s reload #刷新
启动成功后在浏览器中输入公网ip可以出现以下,说明nginx启动成功。
四：vue项目打包
我使用的是vue-cli3+项目。并且router使用history模式
1:配置vueConfig文件修改publicPath
publicPath: "/",
关于publicPath的理解推荐一遍文章
https://www.jb51.net/article/184694.htm
2:配置router文件
export default new Router({
mode: 'history',
base: '/',
// base: process.env.BASE_URL,
routes
})
3:执行打包命令
npm run build
五:使用xftp上传dist文件夹到nginx目录
进入nginx安装目录，把dist里面的文件上传到html文件夹下。
编辑nginx.conf文件
执行cd /usr/local/nginx/sbin重新启动nginx
六:接下来访问公网ip+端口号就可以访问项目了
以上就是部署vue项目详细流程,出这篇文章的初衷也是希望对于刚接触nginx部署的同学来说少走弯路,如果不对之处欢迎指出交流。