Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用
1.什么是NginxNginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器。 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.当你的电脑关掉以后,此时页面将无法访问。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |