【Vue】如何使用 Nginx 部署 Vue 项目

如何在 CentOS 7 服务器上使用 Nginx 部署 Vue 项目

最近练手做了一个关于沙雕少女的 Vue 项目，正好之前参加 Hackathon 租了一年的服务器，于是想着不如把它部署上去给小伙伴们看看~So 哈啤！

结果一部署就是一个多小时，其中大多数时间都是花在了寻找、筛选和尝试不同的教程上，最后真正部署的时间其实还不到十分钟。

或许也不能说网上的大多数教程都已经过时了，可能是我本身服务器的配置和操作存在瑕疵，但是这里还是想给大家一些借鉴和参考，希望能让大家少走几步弯路。

前置条件：一台功能完好的 Linux 服务器（CentOS 7系统，其他 Linux 系统可类比）；一个可以正常运行的 Vue 项目；FileZilla 软件（通过 FTP 协议在服务器与本机间传输文件，强烈推荐大家使用！）

补充说明：由于对 Vue 的了解还不深入，在这里声明一下，我的 Vue 项目是使用 vue-cli 自动配置好的，可以通过 npm run build 自动构建

正常流程

1. 执行 npm run build 构建项目

在 Vue 项目的主目录下调出命令行（ Windows 用户可以在文件夹中按住 shift 点击右键，选择【在这里打开命令行 / PowerShell】），执行 npm（或 cnpm） run build；命令执行完毕后你将会看到项目主目录下出现了一个名为 dist 的目录，打开其中的 index.html 即可实现对 V