nginx配置移动端和PC端自动跳转

作者&投稿:樊绍 (若有异议请与网页底部的电邮联系)
~ 需求:
在pc端访问 www.mabang.com 和 m.mabang.com 都跳转到 www.mabang.com
在移动端访问 www.mabang.com 和 m.mabang.com 都跳转到 m.mabang.com

nginx配置文件:

PC端配置文件
pc.conf配置

server{
listen 80;
server_name www.mabang.com mabang.com ;
index index.html index.htm index.php default.html default.htm default.php;
# 域名跳转
if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry))
{
rewrite ^(.*) http://m.mabang.com permanent;
}
}

移动端配置文件
m.conf配置
server{
listen 80;
server_name m.mabang.com;
index index.html index.htm index.php default.html default.htm default.php;
# 域名跳转
if ($http_user_agent !~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry))
{
rewrite ^(.*) http://www.mabang.com permanent;
}
}

注意:如果想让pc 跳转到移动或者移动跳转到pc, 是302 临时重定向,可以修改 permanent 为 redirect

redirect – 返回临时重定向的HTTP状态302
permanent – 返回永久重定向的HTTP状态301


想要系统学习java到底要学习哪些知识
学完这些技术后,我们可以开发微信小程序、响应式网站、移动端网站、开发类似京东一样的B2B2C商城、管理后台等。 Javaweb阶段包括前端、数据库和动态网页。Javaweb是互联网项目的入门课程,是学习后面高进阶课程的基础。 首先,我们先看一下前端板块。该板块主要包括如下几个模块: HTML5,网页制作标记语言; CSS,对HTML...

java开发需要掌握哪些技术?
第六阶段,特色课程:ActiveM环境搭建、生产者和消费者、消息持久化操作、RSA数字加密算法、Codebar条形码生成器、zxing二维码生成器、HighCharts统计图、Echarts统计图、网络播放器ckplayer、嵌入式网络播放器,可以浏览器和移动端随意使用 第七阶段,互联网框架的高级应用1:分布式服务框架的理解,Dubbo架构...

java前景如何?自学好学吗?
4.根据我的学习经历来看,学习编程是需要引路人,很多问题作为初学者是无法解决的,很浪费时间,例如有很多初学者配置JDK就能用上一天的时间,所以我们完全没有必要在这方面问题浪费时间,别人告诉我们一下,下次就记住了,所以学习编程一定有一个指导你的人。5.系统的学习教程,自学Java肯定是主视频,副...

自学前端学到什么程度可以找工作
还有FontelloFontello 、Secureheaders、Visual Studio CodeVisual Studio Code,三大基本框架有Angular、React、Vue,当然,还会接触到更多Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube这样的框架。另外,一个优秀的前端开发工程师可能还要掌握SEO、DOM、BOM、Ajax等技能,甚至,网站性能优化和服务器端...

商都县15577161314: nginx的反向代理配置分手机端和pc端吗 -
何所三七: 1.制作两个站点PC端网站www.264.cn,和移动端网站m.264.cn 2.使用pc或移动设备访问任何一个域名都会跳到相应的站点. 3.用户可以选择访问移动版还是PC版网站,移动版网站始终有切换到PC版的链接,PC版当网站通过手机访问时会提供移动版网站的链接. 4.当用户选着访问其中一种类型的网站后,保存设置结果生效时间为24小时,当然长短可以自己设置.

商都县15577161314: 怎样判断手机端和电脑端自动跳转到各自的页面 -
何所三七: 你好//平台、设备和操作系统 var system ={ win : false,mac : false,xll : false };//检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux"...

商都县15577161314: phpcms怎么做到移动端和pc端同步使用数据,并且,都要静态化页面,帮我解决再加100分 -
何所三七: 具体操作过程我就不说了.我说说思路吧! www跟m是两台主机使用同一套程序,同一个数据库,但是使用不同模板.www使用pc模板,m使用手机模板,当手机访问www时自动跳转

商都县15577161314: 如何解决PC端和移动端自适应问题 -
何所三七: 1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度 2、1024*768之后稍大的分辨率就是1280*768了,则可以采用1200px或者1220px作为稍大的网页宽度 3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签 4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了 5、宽度自适应需要对每个显示模块进行不同宽度的计算,在做html布局时需要大量的计算与适配. 6、宽度自适应为不同宽度显示器写布局元素时常用的css

商都县15577161314: 如何让PC版页面在手机端跳转到对应的移动端页面 帝国cms -
何所三七: 增加一个JS,判断用户设备,然后跳转到相应的页面,或者直接使用自适应的框架,这样就不用另外写页面了

商都县15577161314: 登录小麦助教网页端以后,在首页可以进行以下哪些操作() - 上学吧
何所三七: 手机版网站(或者叫wap网站),是指用WML编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主. 如今:网络流量,移动流量呈上升趋势,很多领域,移动流量已经超过pc端流量. 而由于移动设备和电脑设备分辨率不同...

商都县15577161314: 怎样做好企业手机网站优化 -
何所三七: 首先,在做企业手机网站优化时,前期条件是必须拥有手机网站:手机网站一般可分为三种:1、自适应网站:即电脑端和手机端一起共用一个数据,当屏幕到手机端这么小的时候,会自动缩成手机端的展现形式,方便用户阅读;2、响应式网站:跟自适应网站差不多.都是根据屏幕大小来调整;3、手机端网站:这个完全就是按照手机端的尺寸来进行建站的,在数据方便有可能会跟PC端的数据对接不上.一般做二个网站优化的话,都不考虑这种独立建站.拥有这些前提条件后,优化其中跟PC端的优化差不多.只不过手机端的优化需要分析的需求点不同.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网