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

前端之家收集整理的这篇文章主要介绍了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在OpenBSD或FreeBSD操作系统上采用类似于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.当你的电脑关掉以后,此时页面将无法访问。

原文链接:https://www.f2er.com/angularjs/145251.html

猜你在找的Angularjs相关文章