前后端分离，前端项目如何部署?vue+webpack+nginx

简简单单的分为几步，就可以完成了：

1、webpack编译项目：npm run build，获得项目中-文件夹dist-文件夹中有编译后的样式文件和index.html

2、下载安装nginx

2.1、nginx官网下载

http://nginx.org/en/download.html

2.2、解压压缩文件

2.3、启动nginx，两种方法：

2.3.1、直接双击nginx.exe，窗口只会一闪而过

2.3.2、打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx ，回车即可

2.4、浏览器输入http://localhost:80，查看是否启动成功

2.4.1  解压目录下 conf / nginx.conf，可以修改端口：

3、将webpack打包好的静态文件替换到nginx目录下的html文件夹中

4、重启nginx服务器，输入修改过端口后的地址，如：localhost:7878

4.1、重启命令 

nginx -s reload

4.2、关闭nginx  

nginx -s stop(快速停止nginx)  或  nginx -s quit(完整有序的停止nginx)