北京-第三十七期如何配置Nginx，在手机端实现访问？

Posted 2021-03-29 葡萄藤IT技能树

1.背景介绍

nginx是一个高性能的HTTP和反向代理服务器，在产品成功的前一刻，为了测试产品上线后的效果，安装nginx可以用你的电脑作为模拟主机来测试产品的功能。

2.下载安装

官方网址：；

点击第一行然后你会进入这样一个页面：

然后点击下载Stable version。

随便存到你想存的任何一个文件解压出来不用安装就可以直接用了，文件夹名字命为nginx；

PS:也许你第一次下载会提示失败，再下一次就好；

第二步：当咱们把nginx下下来了怎么用呢？直接点击nginx.exe程序，这是你会发现有个黑色弹出框一闪即逝；没错，这不是BUG；这说明它启动了；

然后随便打开一个浏览器；输入localhost出现下图；好恭喜你安装成功了；

3. 具体测试方法

Nginx的配置文件是文件夹中的conf文件下的nginx.conf，其实配置文件默认不修 改也是可有用的；如果你通过浏览器输入localhost出现的页面即为文件夹下html文件中的index.html；所以你可以将你想要检测的产品放 到HTML文件夹中，并将原本的index.html文件给删了，这个时候打开网页输入localhost，使用ctrl+F5清下浏览器缓存即出现你产 品中的index.html(产品的首页都会命名为index.html）页面，然后进行一系列测试看看是否OK；

4. 修改配置

listen：表示当前的代理服务器监听的端口，默认的是监听80端口。注意，如果我们配置了多个server，这个listen要配置不一样，不然就不能确定转到哪里去了。

server_name：表示监听到之后需要转到哪里去，这时我们直接转到本地，这时是直接到nginx文件夹内。

location：表示匹配的路径，这时配置了/表示所有请求都被匹配到这里

root：里面配置了root，表示当匹配这个请求的路径时，将会在这个文件夹内寻找相应的文件，这里对我们之后的静态文件伺服很有用。

index：当没有指定主页时，默认会选择这个指定的文件，它可以有多个，并按顺序来加载，如果第一个不存在，则找第二个，依此类推。

下面的error_page是代表错误的页面，这里我们暂时不用，先不管它 ”

（上面这段分析文字，引用自 ）

接下来的任务就很明确了，把listen 80下面的两个 root html中的路径，改成我们自己放代码的文件夹，例如在E盘下面新建一个home的文件夹，再在目录下新建一个www的文件夹，那么路径就是：E:\home\www，把task1.html放进去，然后修改配置

server {

listen 80;

server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root E:\home\www;

index index.html index.htm;

}

#error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

#

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

# proxy the php scripts to Apache listening on 127.0.0.1:80

#

#location ~ \.php$ {

# proxy_pass ;

#}

# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

#

#location ~ \.php$ {

# root E:\home\www;

# fastcgi_pass 127.0.0.1:9000;

# fastcgi_index index.php;

# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;

# include fastcgi_params;

#}

5. 配置手机端访问

首先，电脑和手机连接上同一个wifi

然后手机浏览器中输入192.168.01.119/task1.html 就可以看到自己的代码啦~

6. 常见问题

1.nginx对文件夹英文取名不敏感，对中文敏感，路径中不能存在中文字符

2.出现报错，nginx路径下的\logs\error.log就是错误日志，复制里面的内容去百度就行

7. 更多讨论

在配置路径的时候为什么用E:\wy\task，E:\task等路径都会显示错误？

因为存在转义字符这一概念：

所有的转义字符和所对应的意义：

转义字符

意义

ASCII码值（十进制）

\a

响铃(BEL)

007

\b

退格(BS) ，将当前位置移到前一列

008

\f

换页(FF)，将当前位置移到下页开头

012

\n

换行(LF) ，将当前位置移到下一行开头

010

\r

回车(CR) ，将当前位置移到本行开头

013

\t

水平制表(HT) （跳到下一个TAB位置）

009

\v

垂直制表(VT)

011

\\

代表一个反斜线字符''\'

092

\'

代表一个单引号（撇号）字符

039

\"

代表一个双引号字符

034

\?

　　代表一个问号

　　063

\0

空字符(NULL)

000

\ddd

1到3位八进制数所代表的任意字符

三位八进制

\xhh

1到2位十六进制所代表的任意字符

二位十六进制

注意：区分，斜杠："/" 与 反斜杠："\" ,此处不可互换

PPT链接：