如何配置nginx,实现在手机上查看页面?

本文深入解析Nginx的特性与应用,探讨正向代理与反向代理的工作原理及意义,包括加速访问、负载均衡及保护服务器等。同时,提供在手机上配置Nginx查看页面的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

什么是nginx?

Nginx(发音同engine x)是异步框架的网页服务器,也可以用作反向代理、负载平衡器和HTTP缓存。该软件由伊戈尔·赛索耶夫创建并于2004年首次公开发布。2011年成立同名公司以提供支持。2019年3月11日,Nginx公司被F5 Networks以6.7亿美元收购。

Nginx是免费的开源软件,根据类BSD许可证的条款发布。一大部分Web服务器使用Nginx,通常作为负载均衡器。

正向代理

正向代理简介

一般情况下,如果没有特别说明,代理技术默认说的是正向代理技术。关于正向代理的概念如下:

正向代理(forward)是一个位于客户端【用户A】和原始服务器(origin server)【服务器B】之间的服务器【代理服务器Z】,为了从原始服务器取得内容,用户A向代理服务器Z发送一个请求并指定目标(服务器B),然后代理服务器Z向服务器B转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。如下图

img

从上面的概念中,我们看出,文中所谓的正向代理就是代理服务器替代访问方【用户A】去访问目标服务器【服务器B】 ,

总结:代理服务器代替了用户A

正向代理的意义

为什么要用通过代理服务器去访问服务器B,而不是用户直接访问?

  • 访问本无法访问的服务器B
  • 加速访问服务器B
  • Cache(缓存) 作用
  • 客户端访问授权(为什么我们无法直接访问谷歌)
  • 隐藏访问者的行踪(服务器B只知道代理服务器Z访问了它)

反向代理

反向代理简介

反向代理正好与正向代理相反,对于客户端而言代理服务器就像是原始服务器,并且客户端不需要进行任何特别的设置。客户端向反向代理的命名空间(name-space)中的内容发送普通请求,接着反向代理将判断向何处(原始服务器)转交请求,并将获得的内容返回给客户端。

总结:代理服务器代替了服务器B

反向代理的意义

  1. 保护和隐藏原始资源服务器img

    用户A始终认为它访问的是原始服务器B而不是代理服务器Z,但实用际上反向代理服务器接受用户A的应答,从原始资源服务器B中取得用户A的需求资源,然后发送给用户A。由于防火墙的作用,只允许代理服务器Z访问原始资源服务器B。尽管在这个虚拟的环境下,防火墙和反向代理的共同作用保护了原始资源服务器B,但用户A并不知情。

  2. 负载均衡img

    当反向代理服务器不止一个的时候,我们甚至可以把它们做成集群,当更多的用户访问资源服务器B的时候,让不同的代理服务器Z(x)去应答不同的用户,然后发送不同用户需要的资源。

    当然反向代理服务器像正向代理服务器一样拥有CACHE的作用,它可以缓存原始资源服务器B的资源,而不是每次都要向原始资源服务器B请求数据,特别是一些静态的数据,比如图片和文件,如果这些反向代理服务器能够做到和用户X来自同一个网络,那么用户X访问反向代理服务器X,就会得到很高质量的速度。这正是CDN技术的核心。

如何配置nginx,实现在手机上查看页面?

Nginx的配置文件是文件夹中的conf文件下的nginx.conf,其实配置文件默认不修改也是可有用的;

如果你通过浏览器输入localhost出现的页面即为文件夹下HTML文件中的index.html;所以你可以将你想要检测的产品放到HTML文件夹中,并将原本的index.html文件给删了,这个时候打开网页输入localhost,使用ctrl+F5清下浏览器缓存即出现你产品中的index.html(产品的首页都会命名为index.html)页面,然后进行一系列测试看看是否OK;

如果要使用自己文件夹中的文件测试,需要更改Nginx的配置文件是文件夹中的conf文件下的nginx.conf,修改三处root地址为自己的文件夹所在地址,第一处改为 D:\home\www,第二处改为 /home/www,第三处改为/home/www。

注意事项: 左斜杠/与右斜杠\的区别不要打错了!

参考资料


更为清爽的浏览体验,请移步我的个人博客
天心天地生的个人博客

### 解决 Nginx 移动端路由 404 错误配置 对于移动端访问时遇到的 Nginx 路由 404 错误,通常可以通过调整 Nginx 的 `pathinfo` 设置来解决问题。具体来说,在处理 ThinkPHP 或其他框架开发的应用程序时,如果 URL 中包含了路径信息(PathInfo),则需要确保 Nginx 正确解析这些路径。 #### 修改 Nginx 配置文件支持 PathInfo 针对这个问题的一个常见解决方案是在 Nginx 配置中加入特定于 PHP 和 PathInfo 处理的支持: ```nginx server { listen 80; server_name example.com; set $root_path '/var/www/html'; location / { try_files $uri $uri/ @rewrite; } location @rewrite { rewrite ^/(.*)$ /index.php?_url=/$1 last; } } ``` 上述配置通过定义了一个名为 `@rewrite` 的内部重定向位置,并利用正则表达式捕获 URI 参数传递给应用程序入口脚本 `index.php` 来实现对任意子路径的支持[^1]。 此外,还需要确认 MIME 类型已正确设置以便浏览器可以正常渲染页面资源。例如,HTML 文件应该被识别为 `text/html` 类型而不是默认类型的二进制流。这可通过包含标准 mime.types 文件并指定默认类型完成: ```nginx http { include mime.types; default_type text/html; } ``` 此部分配置应位于 HTTP 块内以应用于整个服务器实例下的所有站点[^4]。 最后,当完成了任何更改之后,记得测试新配置的有效性和语法正确性,再重新启动服务使修改生效: ```bash sudo nginx -t && sudo systemctl restart nginx ``` 以上命令会先验证当前配置是否有错,如果没有问题,则自动重启 Nginx 服务[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值