Vue开发实战三：Vue编译包Linux及Window服务器Nginx部署

项目背景说明：
最近一直在修改Vue前端的项目，今天接到领导要求，让我在内网139搭建一套数据安全服务支撑平台的前端系统，心里顿时翻了个360°白眼，大哥我是干Android开发的啊，Linux、Nginx没整过啊，之前封闭开发不是你部署的吗，好吧，既然领导说了，那也只能干了。项目部署加博客整理总耗时3小时，仅以此篇文章记录。

1.打包Vue项目

先巴拉出项目来，在vscode中进入到项目目录，之前已经打过包了，就不执行npm run install,首次拿到项目的需要执行下，直接执行打包命令npm run build:prod,这个打包命令具体的使用查看项目中的package.json文件夹中的scriptes中定义的build命令，如下：

2.拿到编译文件dist文件夹，扔到服务器上

项目编译完成后，得到dist文件文件，然后我们借助Xshell连接到Linux服务器上，连接成功后在点击 新建文件传输，直接将文件夹从桌面拖到服务器上即可，我是放到home目录下，记住这个位置，之后要配置路径。