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

windows环境如何安装nginx部署前端项目?,第1张

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

1、下载地址:nginx: download

选择windows版本

2、安装和启动

解压zip文件到当前目录,然后进入nginx-1.12.2目录,在地址栏输入cmd,进入终端窗口

执行命令

start nginx


窗口闪一下说明启动成功,在浏览器输入localhost出现如下界面说明启动成功

3、配置前端项目
  1. 前端静态项目myWeb丢到nginx-1.12.2\html目录下
  2. 进入nginx-1.12.2\conf目录修改nginx.conf,配置server,把root从html目录修改为我们自己的目录myWeb
  3. 重启nginx
nginx -s reload
  1. 浏览器地址栏输入localhost,已经打开我们自己的项目了

  2. 如果想通过外网访问,需要修改nginx.conf配置,把server_name修改为指定的域名,重启nginx,域名如何获得,请参考:如何本地电脑和云服务器搭建个人网站?

  3. 域名访问效果如下:


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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/797432.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-06
下一篇 2022-05-06

发表评论

登录后才能评论

评论列表(0条)

保存