windows环境如何安装nginx部署前端项目?

nginx简介:nginx是一个高性能的HTTP和反向代理web服务器。

1、下载地址:nginx: download

选择windows版本

2、安装和启动

解压zip文件到当前目录,然后进入nginx-1.12.2目录,在地址栏输入cmd,进入终端窗口
windows环境如何安装nginx部署前端项目?_第1张图片
执行命令

start nginx

windows环境如何安装nginx部署前端项目?_第2张图片
窗口闪一下说明启动成功,在浏览器输入localhost出现如下界面说明启动成功
windows环境如何安装nginx部署前端项目?_第3张图片

3、配置前端项目

  1. 前端静态项目myWeb丢到nginx-1.12.2\html目录下
    windows环境如何安装nginx部署前端项目?_第4张图片
  2. 进入nginx-1.12.2\conf目录修改nginx.conf,配置server,把root从html目录修改为我们自己的目录myWeb
    windows环境如何安装nginx部署前端项目?_第5张图片
  3. 重启nginx
nginx -s reload
  1. 浏览器地址栏输入localhost,已经打开我们自己的项目了
    windows环境如何安装nginx部署前端项目?_第6张图片

  2. 如果想通过外网访问,需要修改nginx.conf配置,把server_name修改为指定的域名,重启nginx,域名如何获得,请参考:如何本地电脑和云服务器搭建个人网站?
    windows环境如何安装nginx部署前端项目?_第7张图片

  3. 域名访问效果如下:

windows环境如何安装nginx部署前端项目?_第8张图片
以上是nginx如何部署前端项目,如果想和后台进行交互,需要进一步配置proxy_pass,我本来是自己本地起了node服务,然后proxy_pass指向node服务,后来发现如果只是部署自己的静态页面不需要那么麻烦,直接放到html目录下就好了,已经完全满足了,而且可以公网访问!

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