大家好，我是IT修真院上海第3期学院刘民举，一枚正直、纯洁、善良的前端程序员。
今天给大家分享一下，修真院官网任务css-1，深度思考的知识点——如何配置nginx，实现在手机上查看页面？
如何配置nginx，实现在手机上查看页面？
小课堂【上海第3期】
分享人：刘民举
1.背景介绍
1、静态HTTP服务器 首先，Nginx是一个HTTP服务器，可以将服务器上的静态文件（如HTML、图片）通过HTTP协议展现给客户端。
2、反向代理服务器 什么是反向代理？ 客户端本来可以直接通过HTTP协议访问某网站应用服务器，网站管理员可以在中间加上一个Nginx，客户端请求Nginx，Nginx请求应用服务器，然后将结果返回给客户端，此时Nginx就是反向代理服务器。
3、负载均衡 当网站访问量非常大，网站站长开心赚钱的同时，也摊上事儿了。因为网站越来越慢，一台服务器已经不够用了。于是将同一个应用部署在多台服务器上，将大量用户的请求分配给多台机器处理。同时带来的好处是，其中一台服务器万一挂了，只要还有其他服务器正常运行，就不会影响用户使用。Nginx可以通过反向代理来实现负载均衡。
4、虚拟主机
有的网站访问量大，需要负载均衡。然而并不是所有网站都如此出色，有的网站，由于访问量太小，需要节省成本，将多个网站部署在同一台服务器上。
例如将www.aaa.com和www.bbb.com两个网站部署在同一台服务器上，两个域名解析到同一个IP地址，但是用户通过两个域名却可以打开两个完全不同的网站，互相不影响，就像访问两个服务器一样，所以叫两个虚拟主机。
2.下载安装
下载后直接点击nginx.exe程序，你会发现有个黑色弹出框一闪即逝；说明成功启动；
然后随便打开一个浏览器；输入localhost出现下图:
说明配置成功
3.具体测试方法
Nginx的配置文件是文件夹中的conf文件下的nginx.conf，其实配置文件默认不修 改也是可有用的；如果你通过浏览器输入localhost出现的页面即为文件夹下HTML文件中的index.html；所以你可以将你想要检测的产品放 到HTML文件夹中，并将原本的index.html文件给删了，这个时候打开网页输入localhost，使用ctrl+F5清下浏览器缓存即出现你产 品中的index.html(产品的首页都会命名为index.html）页面，然后进行一系列测试看看是否OK
3.修改配置
实际的测试过程中，一般不大可能会将产品放入nginx文件里的html文件夹中，这个时候就需要修改配置，使匹配的路径改为我们想要的文件夹
4.操作演示
6.如何在手机端访问
首先，电脑和手机连接上同一个wifi然后查看电脑ip:win+R→cmd→ipconfig→回车, 找到无限局域网适配器wlan中的ip地址，例如我的是192.168.0.119然后手机浏览器中输入192.168.01.119/task1.html 就可以看到自己的代码
6.常见问题
nginx对文件夹英文取名不敏感，对中文敏感，路径中不能存在中文字符
出现报错，nginx路径下的\logs\error.log就是错误日志，复制里面的内容去百度就行
7.参考文献
参考一：古尘师姐的知乎回答
参考二：Nginx的理解
参考三：Nginx面试中常见的18道题目
8.更多讨论
在配置路径的时候为什么用E:\wy\task，E:\task等路径都会显示错误
鸣谢
感谢大家观看
BY : 刘民举
网友评论