前端 nginx 部署项目

nginx官网地址:http://nginx.org/en/download.html
尽量下载Stable version (稳定版本)
前端 nginx 部署项目_第1张图片

常用nginx命令:

nginx -v 查看nginx版本
start nginx 开启nginx
.\nginx.exe -s reload 刷新nginx内容
.\nginx.exe -s stop 暂停nginx(立即停止)
.\nginx.exe -s quit 停止nginx(处理完后停止)

1,去官网下载nginx;
2,将本地项目打包成dist,
3,打开下载好的nginx文件,找到conf 文件,
前端 nginx 部署项目_第2张图片
4,打开nginx.conf,修改配置,设置打开的项目路径root为我们刚才打包的dist文件夹,这里我有重命名为distproject文件夹下的finance文件,
前端 nginx 部署项目_第3张图片
5,在命令行中使用start nginx启动nginx;

前端 nginx 部署项目_第4张图片

6,在浏览器地址栏中输入localhost回车即可查看打包后的项目;
在这里插入图片描述

你可能感兴趣的:(JS基础,前端,nginx)