Nginx打包和部署

一.打包

npm  run  build

二.打包后的文件

1.css

2.fonts

3.js

4.favicon.ico

5.index.html

三.Nginx

1.介绍

Nginx是一款轻量级的Web服务器/方向代理服务器及电子邮件(IMAP/POP3)代理服务器,其特点是占用内存少,并发能力强,在各大互联网公司都有非常广泛的使用。

2.官网

https://nginx.org/

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.打开浏览器访问打包好的项目

数据能够正常访问，说明已经完成打包和部署