vue项目打包部署到测试服务器（转载）

一、vue项目打包

1.运行项目终端，输入打包命令 npm run build 打包，打包成功之后会发现目录多了一个dist文件夹

 二、下载nginx服务器，安装配置

官网下载地址：http://nginx.org/en/download.html，我下载的是1.8.1的版本

下载完后，解压，双击启动，任务管理器查看是否启动成功

或者使用cmd命令启动，先cd到解压的文件目录下，然后运行 start nginx.exe

 然后在解压的nginx文件目录下找到conf文件夹找到nginx.conf文件进行配置（重要部分）

 配置好以后就可以把打包的dist文件上传到测试服务器上了。

三、把打包好的文件上传到测试服务器（我用的是xftp 7）

 上传成功以后，使用测试服务器的网址+打包好的dist文件夹+index.html 拼接成网址，打开网址就可以看到要展示的项目了。