如何配置nginx，实现在手机上查看页面？

大家好，我是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 : 刘民举