Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用

发布时间:2019-06-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1.什么是Nginx

Nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/pop3/SMTP代理服务器。
Nginx是一款轻量级的Web服务器/反向代理服务器以及子邮件代理服务器,并在一个BSD-like协议下发行。由俄罗斯的程序设计师lgor Sysoev所开发,供俄国大型的入口网站及搜索引擎Rambler使用。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好。
Nginx相较于apachelighttpd具有占有内存少,稳定性高等优势,并且依靠并发能力强,丰富的模块库以及友好灵活的配置而闻名。在Linux操作系统下,nginx使用epoll事件模型,得益于此,nginx在Linux操作系统下效率相当高。同时Nginx在openbsdFreeBSD操作系统上采用类似于Epoll的高效事件模型kqueue.

2.何时使用Nginx发布构建好的NG5应用?

当我们使用ng5开发移动端网页时候,想在手机上看看实际的效果,此时又没有部署到云主机的时候,我们可以使用Nginx临时发布构建好的NG5应用,在手机上就可以浏览自己构建的webApp。此时应该注意电脑和手机应该在同一个局域网下(简单点说连接的是同一个wifi,但不止是这个意思)。

3.怎么使用?

1.下载nginx,我的是nginx-1.13.8版本。
2.解压nginx-1.13.8.zip.
3.打开nginx-1.13.8文件目录,双击运行nginx.exe,此时会一闪而过。
4.打开nginx-1.13.8的htML目录,里面有index.html和50x.html.
5.复制我们用ng build --PRod构建好的webApp文件,这些文件在ng5项目下的dist目录下,复制里面的全部文件到nginx-1.13.8的html目录下,此时我们webApp的index.html应该替换原先的index.html。
6.在自己手机的浏览器上输入自己电脑的ip地址,例如192.168.1.100,就可以访问自己构建好的webApp应用。不知道自己电脑此时的ip地址的可以在cmd上执行ipconfig/all找到自己的ipv4地址(首选)。
7.当你的电脑关掉以后,此时页面将无法访问。

脚本宝典总结

以上是脚本宝典为你收集整理的Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用全部内容,希望文章能够帮你解决Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。