一.打包
npm run build
二.打包后的文件
1.css
2.fonts
3.js
4.favicon.ico
5.index.html
三.Nginx
1.介绍
Nginx是一款轻量级的Web服务器/方向代理服务器及电子邮件(IMAP/POP3)代理服务器,其特点是占用内存少,并发能力强,在各大互联网公司都有非常广泛的使用。
2.官网
3.安装目录
1.conf
配置文件目录
2.contrib
3.docs
4.html
静态资源文件目录
5.logs
.日志文件目录
6.temp
临时文件目录
7.nginex.exe
四.部署
将打包好的dist目录下的文件,复制到nginx安装的html目录下
1.启动nglnx
双击nginx.exe,默认在80端口下运行
2.双击没有反应的解决方法
打开nginx的运行日志,80端口被占用
3.在命令行查看
netstat -ano | findStr 80
查找的是当前系统中,那个进行占用了80端口
pid为4的进程
系统进程，惹不起.我们直接更换端口号
4.打开conf/nginx.confg
5.再次双击nginx.exe
有两个nginx,说明运行成功
6.打开浏览器访问打包好的项目
数据能够正常访问，说明已经完成打包和部署