前端使用nginx部署项目

nginx下载地址 :http://nginx.org/en/download.html
以下文章是给需要入门nginx的前端学习如何把项目部署到nginx，比较简略，大神请勿喷

常用命令

nginx -v 查看nginx版本
start nginx 开启nginx
nginx -s reload 刷新nginx内容
nginx -s stop 暂停nginx（立即停止）
nginx -s quit 停止nginx（处理完后停止）
nginx -s reopen 重新打开nginx日志文件

1.当我们的nginx下载完成之后，里面文件结构如图所示

image.png

2.把我们的前端项目，丢到html文件夹内

image.png

3.找到conf文件夹内的nginx.conf,并打开

image.png

4.设置打开的项目路径为我们的dist文件夹

image.png

5.在如下图所示的位置，输入cmd，即可打开命令行

image.png

6.输入start nginx ,即可开启nginx

image.png

7.在浏览器中输入localhost,即可看到我们打包后的项目

image.png image.png