Nginx 前端 安装,打包,发布项目到服务 流程

1,Nginx 下载与安装

  下载地址:nginx: download

  根据电脑自行选择对应的版本  我的window  选的是这个Nginx 前端 安装,打包,发布项目到服务 流程_第1张图片

 将安装包解压出来就行了 得到如下文件

Nginx 前端 安装,打包,发布项目到服务 流程_第2张图片

 这就差不多算安装好了

2.项目打包 并部署项目

找到自己的项目 打个包 会在项目下生成个 dist 文件

Nginx 前端 安装,打包,发布项目到服务 流程_第3张图片

将dist 文件放到解压出来的Nginx文件下的html 文件里面

Nginx 前端 安装,打包,发布项目到服务 流程_第4张图片

 然后就是配置 Nginx 的配置文件

在conf文件夹下找到nginx.conf文件 用笔记本或者 vscode 打开 只要能编辑内容就行

Nginx 前端 安装,打包,发布项目到服务 流程_第5张图片

 添加配置即可

Nginx 前端 安装,打包,发布项目到服务 流程_第6张图片

然后在 Nginx 问价夹下 cmd 进入命令框 输入 启动命令  start nginx

Nginx 前端 安装,打包,发布项目到服务 流程_第7张图片

 再在浏览器 输入对应ip 就能看到发布的项目了

到这基本就完成了整个流程   至于 其他的关于Nginx 的命令 和配置其他内容 以后阔以给大家详细介绍

你可能感兴趣的:(nginx,前端,服务器,运维,windows)