用Nginx打包部署前端项目(基于黑马程序员视频记录)

我们首先来到前端项目中，打开终端，在终端输入打包命令:npm run build

打包后的文件放在dist目录下

 

 接下来我们来下载Nginx,去到官网：https://nginx.org/

 下载后将其解压到没有中文的目录下，解压后目录结构是这样子滴

接下来我们就可以把打包好的dist目录下的文件放到nginx安装目录下的html里面（复制过来，html  这里面的文件可以删掉噢）

Nginx服务器默认占用80端口，在此之前我们要修改端口号

 然后访问 http://localhost:90

 完成！

常用命令

强制停止nginx：nginx -s stop

安全退出nginx：nginx -s quit