怎样做一个网页同时适应pc端和手机端_百度知道
怎样做一个网页同时适应pc端和手机端
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
冷冰冰的小屁
冷冰冰的小屁
采纳数：33
获赞数：91
建议你用自带适应的模板，你可以选择CMS 或DEDE的模板，可以自适应。也就是说PC端的做好了后，移动端的自动就好了。
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
在响应式页面的时候，在手机显示的时候，要有文字显示“长按关注”，在pc上面显示文字为“请扫描关注”，能否适应不同屏幕，出现不同文字,该怎么做的？？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
需要做两个方面的考虑：
判断客户端类型
var client = {
versions: function() {
var u = navigator.userA
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') & -1 || u.indexOf('Linux') & -1, //android终端或者uc浏览器
//get value
var btnvalue = document.getElementById('btn').innerT
console.log(btnvalue);
if (client.versions.ios) {
console.log("ios");
document.getElementById('btn').innerHTML = 'ios client';
} else if (client.versions.android) {
console.log("andriod");
document.getElementById('btn').innerHTML = 'andriod client';
document.getElementById('btn').innerHTML = 'PC client';
console.log("不是移动设备");
&button id="btn"&
具体代码，放在了(CDEPEN)[].不知道是不是你想要的，不对的地方，可以联系我
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。网站pc端和移动端显示链接不同对seo有影响吗_百度知道
网站pc端和移动端显示链接不同对seo有影响吗
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
绿萝网络科技有限公司
专注建机网站，网站关键词排名
绿萝网络科技有限公司
专业建筑机械行业网站建设，网站推广排名！
本来就不同移动端适配过去以后，都是m开头的。有影响，因为手机排名是单独另外收费的。
曾努力过的青春
来自电脑网络类芝麻团
曾努力过的青春
采纳数：46
获赞数：273
参与团队：
你说的链接不同是哪个链接啊？网站主页还是 什么？
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。注册 | 登录
互联网小白
零基础学产品，BAT产品总监带，2天线下集训+1年在线课程，全面掌握优秀产品经理必备技能。
现在关于移动互联网取代PC的言论特别多，的确，移动互联网产品的用户量大都已经远超PC产品，但个人认为，就像电视不能取代广播，PC不能取代电视一样，移动互联网不能取代PC，它们在大的社会环境下各自发挥不同功效，共同促进生产力的发展。
在移动互联网产品碾压式超越的同时，如何不被影响，清晰的给PC端产品进行合理的定位，有效的抓住使用、适合、偏爱PC的用户的心智模型，为这些人提供更好的服务与支持。这种定位是给PC端产品找一个适合的位置，而不是去盲目的争抢移动端资源。
要想进行合理的定位，首先要对比PC端和移动端产品的区别，找到PC端的优势，或是找到在PC端劣势基础上仍使用PC的这些用户的核心价值。
一、成本区别
成本区别是外在因素，几乎是在短时期内不可跨越的障碍，但是在这些障碍下仍存在的机会是我们要抓住的机会，如何利用好这些机会，将其发挥至极致，是PC需要长期摸索前进的一项目标。
PC端：PC端设备可移动性差，即便是笔记本也需要找到一个地方放置使用，而且受有线网络限制，一般情况下会固定在一个或几个地方使用，有线网络相对稳定。
移动端：手机可随身携带，不受空间限制，而且只要基站覆盖的地方都能上网，但是网络相对不稳定。
不受空间限制的用户可能是行动轨迹在一定距离以内的办公人员、居家成员或其他有特定需求的人。办公人员主要精力在办公上，在浏览其他产品时时间相对碎片化、目的性强。居家成员时间相对充沛，随意性大。目前看来，受空间局限使用PC的用户群体还很多，PC设备还存在不可取代的价值。
PC端：PC设备自身就存在时间成本——开关机的成本，使用PC前，你要走到电脑前坐下打开电脑，使用完成之后还要等待关机后离开，这就导致使用电脑就像要开始一项任务一样，有一定的诉求和心理准备。
移动端：手机一般24小时待机，随时拿出都可以使用，使用时间相对碎片化。
虽然PC的时间成本高，但是对于能接受这种成本的用户，可能PC对他们的生产价值更高，也可能是想在产品中得到更大的回报。
PC端：PC端设备普遍在3000元以上，如果性能好点可能要更高。但是，由于现在PC操作系统性能的提高，以及应用软件越来越追求效率和速度，对PC设备的性能的要求逐渐降低，使得PC的更换频率逐渐下降。
移动端：手机的价格在几百到几千不等，购买的门槛低，而且属于通讯设备，硬件更新速度快，使得手机的更换频率大。
手机已经成为人们不可或缺的联系方式，普及面广，具有较高的市场占有率。
PC端：产品资源难查找，没有统一的下载入口，需要通过浏览器或搜索引擎进行查找，下载后安装卸载过程和时间较长。
移动端：有统一的下载入口，安装卸载过程简单，而且大部分APP的下载、安装、卸载流程都一致。
这是PC上富客户端产品不可规避的困难，如果有一天PC客户端产品也能一键安装、一键卸载，不用等太久，或者是没有客户端，浏览器就能把所有的问题都解决，这种成本就可以忽略不计了。
PC端：产品内容丰富、逻辑复杂，包括主干流程、分支流程等多任务系统。内容多用户面临的选择就多，选择多用户定位就不精准，用户流失率就大。
移动端：产品逻辑简单、串行流程、碎片化思路。
在这一点PC端可以借鉴移动端产品的成功经验，产品内容丰富不代表可以复杂，多分支要分得清主次，且分支不宜过多。
很多用户对PC和手机的使用都不是很熟悉，需要进行学习使用，PC移动成本大，个体大，不适合随时随地拿出来进行分享学习，手机更适合扎堆讨论、分享。
没有推广营销方面的知识和经验，但从对产品的推广用户触达情况看，移动端查找产品的入口相对简单直接，而且，容易分享，用户触达率要高一些。
二、用户区别
用户是衡量互联网产品好坏的关键指标，包括PV、UV、DAU、留存、同时在线等。个人觉得如何抓住PC端用户的心智模型，给他们提供最优质的服务，是PC端产品用户定位的一个方向，这里强调的是抓住PC端用户，而不是想要拉着在公交车上用手机的人，告诉他们笔记本电脑有多好用。
PC端：使用电脑作业的工作人员和学生较多，这些人长时间坐在电脑前，会利用间歇时间访问作业以外的产品；使用电脑的居家成员，在时间充沛的前提下，也有可能选择PC作为交流和娱乐的方式。
移动端：移动端用户广泛，男女老少都涉及得到，年龄跨越都大。
之前有数据统计，使用PC的用户比移动端年龄偏大，但是随着移动端设备和产品的普及，越来越多的老年人已经开始接受和使用移动端产品，而且移动端的学习成本要更低一些。
PC端：PC设备多为台式机或笔记本，不方便携带，一般在住宅、公司或网吧等固定场所使用。
移动端：随时随地都可以使用，只要基站能够覆盖得到，有网络的地方都可以使用，即使没网络的地方也可以使用一些单机、不需要上网使用的产品。
用户主业务
PC端：主要用来办公、学习和一些大型计算。
移动端：一种不可或缺的通讯方式，多用于打电话、发短信。
从主业务可以看出移动设备的普及量更大一些，对于很多普通用户来讲，有一部手机就可以解决他们大部分问题，这也是电脑的购买率逐渐下降的原因。
PC端：浏览器是PC产品的主要触达通道。
移动端：下载中心（或是叫做应用商店）是移动端的主要触达通道，当然网页链接和搜索引擎也是移动端产品触达的重要通道，只是下载中心更直接一些。
在PC上找一个产品，有目标的情况下大都通过网页链接，无目标的情况下通过搜索引擎，因此PC上做好SEO是提升产品触达率的有效方式。
PC端：抛开使用成本和产品设计缺陷来说，PC的屏幕大、内容丰富，可视效果更好一些。
移动端：屏幕小、可承载内容少，可视效果不如PC，这也使得移动端产品设计的更加简洁、目标明确。
三、产品区别
产品是以用户需求为前提而诞生的，产品所展示的内容、设计理念以及所传达的价值观，直接或间接的决定着产品的总体价值。在思考PC端和移动端产品区别时，却发现自己对它们的概念是如此的模糊，我不是一个经验丰富的产品经理，下面这张图就当作一个起点，以后慢慢研究吧。
PC端：从硬件上看，PC端使用键盘、鼠标进行交互；从软件上看，PC能够呈现更生动绚丽的交互形式。
移动端：通过按钮、手势完成交互，交互方式多为点击、滑动和重力感应，表现形式简单，但是用户感知性强。
PC端：屏幕大、内容丰富，可视效果好。
移动端：屏幕小、可承载的内容少，可视效果相对差一些。
每一种区别里都有提到的这一区别，就当重要的事情说三遍吧^_^。
也是因为PC端可承载的内容多，导致产品在设计时，想给用户提供更多更丰富的信息，由于用户一次可以接收的信息是有限的，冗余的信息就会分散用户的注意力，造成更大的困扰。而且，有时也会利用多余的空间进行推广或用户引流，导致产品路径分支多，一个入口往往有多个终点，每个终点的最终目标还不一致（转折容易，承上启下难）。
用户喜欢移动端产品不仅仅是因为成本低，使用方便，同等条件下，用户也可能选择移动端产品，部分原因是移动端产品用起来确实是舒服。手机屏幕小，可以承载的内容少，这也就要求产品在做设计时，要有明确的目标和方向，还要仔细推敲揣摩什么样的信息提供给用户比较好，怎样的交互方式更加便捷。
PC端：PC多产品设计大多是基于用户引导的，或者是基于任务引导的。
移动端：移动端产品大多是基于用户场景的，比如在地铁上、在餐厅里等不同的场景、用户有不同的产品需求。
PC端：PC端的开发周期长，迭代慢。
移动端：产品的迭代速度快，属于小步快跑、试错快改的状态。
PC端：重内容、重交互。
移动端：重目标、重流量。
关于核心价值这块和同事一起讨论过，最终也没有形成更好的结论，以上说的都不在点上，不同的产品有不同的核心价值，但是PC端产品长远的核心价值是值得我们深思的一个问题。
怎样把成本的劣势转化成优势，抓住PC端用户的心智模型，借鉴手机端的设计理念，为PC端用户提供更好的服务，而抢占PC端用户市场，是本文不成结论的总结。
其实，在想到PC端产品定位的问题时，脑袋里有一堆杂乱不成体系的观点，这些观点没有理论依据，也没有数据支持，且不能最终形成可执行的结论，多半都是站不住脚的。因此，在PC端产品的设计和定位方向上，还需要在实践中不断的摸索、总结……。
补充：有人说希望完善结论，其实结论是受产品、环境、认知很多因素影响的，每个人可能看完都会形成自己的结论，我的结论主要有以下几点：
成本高，付出多，期望的回报相对就高，这就要考虑给用户提供成本之上的回报。
事物具有两面性，成本也一样，在高成本下仍然使用PC的用户，他们有着什么用的需求，这种需求可以转化成产品需求，发挥产品的最大价值。
给PC一个合理的成本、用户、产品定位，抓住PC用户的心智模型，提这些用户提供更好的服务，占领PC端市场，不是盲目的去争抢移动端的资源。
PC端产品设计有着本质的区别，又有着实质的联系，要理清这些区别，并借鉴移动端成功的之处，给PC端产品设计提供一个方向。
本文由 @kitty 原创发布于人人都是产品经理 ，未经许可，禁止转载。
赞赏是对原创者的最大认可
赞赏1人打赏
收藏已收藏 | 274赞已赞 | 12
互联网小白
产品经理群
运营交流群
品牌营销群
文案交流群
Axure交流群
关注微信公众号
大家都在问
10个回答9人关注
6个回答6人关注
7个回答6人关注
17个回答15人关注
4个回答6人关注
6个回答11人关注& Nginx区分PC或手机访问不同网站
Nginx区分PC或手机访问不同网站
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。
响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。
本文要讲的的是如何使用nginx区分pc和手机访问不同的网站，是物理上完全隔离的两套网站(一套移动端、一套pc端),这样带来的好处pc端和移动端的内容可以不一样，移动版网站不需要包含特别多的内容，只要包含必要的文字和较小的图片，这样会更节省流量。有好处当然也就会增加困难，难题就是你需要维护两套环境，并且需要自动识别出来用户的物理设备并跳转到相应的网站，当判断错误时用户可以自己手动切换回正确的网站。
下面以为实例来说明如何实现上面的需求。
明确的的需求：
1.制作两个站点PC端网站www.264.cn，和移动端网站m.264.cn
2.使用pc或移动设备访问任何一个域名都会跳到相应的站点。
3.用户可以选择访问移动版还是PC版网站，移动版网站始终有切换到PC版的链接，PC版当网站通过手机访问时会提供移动版网站的链接。
4.当用户选着访问其中一种类型的网站后，保存设置结果生效时间为24小时，当然长短可以自己设置。
简单的服务器端实现方法
有两套网站代码，一套PC版放在/usr/local/website/web，一套移动版放在/usr/local/website/mobile。只需要修改nginx的配置文件件，nginx通过UA来判断是否来自移动端访问，实现不同的客户端访问不同内容。
这种方法的缺点是移动端和PC端用同一个域名，存在黑帽的嫌疑，而且UA并不是总是判断的准确，如果判断错误的情况下，用户不能手动修改访问的网站类型。
关键的Nginx配置如下：
location / {
#默认PC端访问内容
root /usr/local/website/
#如果是手机移动端访问内容
if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" )
root /usr/local/website/
index index.html index.
123456789101112
location / { #默认PC端访问内容&&&&root /usr/local/website/web;& #如果是手机移动端访问内容&&&&if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" ) {
root /usr/local/website/mobile; }& index index.html index.htm;}
纯客户端js实现方式
下面这段代码放到首页&head&和&/head&之间即可
&script type="text/javascript"&// &![CDATA[
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")&0){
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
//触屏手机版地址
window.location.href="http://m.264.cn";
}else if(/iPad/i.test(navigator.userAgent)){
//pad版地址
//普通手机版地址
window.location.href="http://wap.264.cn"
}catch(e){}
// ]]&&/script&
1234567891011121314151617
&script type="text/javascript"&// &![CDATA[if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")&0){
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//触屏手机版地址
window.location.href="http://m.264.cn";
}else if(/iPad/i.test(navigator.userAgent)){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//pad版地址
}else{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//普通手机版地址
window.location.href="http://wap.264.cn"
}catch(e){} }}// ]]&&/script&
推荐的nginx区别手机和PC访问方法
利用前端js和后端nginx配合，js通过设置cookie来设定当前访问哪页面。
增加设置cookie的js代码，这段代码需要在移动网站和PC网站的所有页面都要放置。
function createCookie(name, value, days, domain, path) {
var expires = '';
if (days) {
var d = new Date();
d.setTime(d.getTime() + (days*24*60*60*1000));
expires = '; expires=' + d.toGMTString();
domain = domain ? '; domain=' + domain : '';
path = '; path=' + (path ? path : '/');
document.cookie = name + '=' + value + expires + path +
function readCookie(name) {
var n = name + '=';
var cookies = document.cookie.split(';');
for (var i = 0; i & cookies. i++) {
var c = cookies[i].replace(/^s+/, '');
if (c.indexOf(n) == 0) {
return c.substring(n.length);
function eraseCookie(name, domain, path) {
setCookie(name, '', -1, domain, path);
123456789101112131415161718192021222324252627
function createCookie(name, value, days, domain, path) {&&var expires = '';&&if (days) {&&&&var d = new Date();&&&&d.setTime(d.getTime() + (days*24*60*60*1000));&&&&expires = '; expires=' + d.toGMTString();&&}&&domain = domain ? '; domain=' + domain : '';&&path = '; path=' + (path ? path : '/');&&document.cookie = name + '=' + value + expires + path + domain;}&function readCookie(name) {&&var n = name + '=';&&var cookies = document.cookie.split(';');&&for (var i = 0; i & cookies.length; i++) {&&&&var c = cookies[i].replace(/^s+/, '');&&&&if (c.indexOf(n) == 0) {&&&&&&return c.substring(n.length);&&&&}&&}&&return null;}&function eraseCookie(name, domain, path) {&&setCookie(name, '', -1, domain, path);}
nginx增加如下配置，根据UA和cookie判断当前是移动端还是PC端访问
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
set $mobile_request '1';
if ($http_cookie ~ 'mobile_request=full') {
set $mobile_request '';
if ($mobile_request = '1') {
rewrite ^.+ http://m.264.cn$
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {&&set $mobile_request '1';}if ($http_cookie ~ 'mobile_request=full') {&&set $mobile_request '';}if ($mobile_request = '1') {&&rewrite ^.+ http://m.264.cn$}
移动版页面添加PC版链接
默认用户进来时会先判断UA，如果是手机端访问就会进入手机版，但也会存在误判进入手机版或者需要更多信息进入PC版，那么就需要在移动版的页面放入代码，让用户可以从移动版切换到web版并且下次访问会保留设置。
&a onclick="setCookie('iphone_mode', 'full', 1, '264.cn')" href="http://www.264.cn"&
&a onclick="setCookie('iphone_mode', 'full', 1, '264.cn')" href="http://www.264.cn"&&&电脑版&/a&
如果用户访问不正确时，点击电脑版链接就可以进入PC版网站，并且24小时内再次访问会记忆上次访问的网站类型设置。
PC版网站增加访问手机版的链接
在PC版的网站适当的地方加入下面的链接让用户可以切换到手机版的网站。
&a onclick="deleteCookie('mobile_mode', '264.cn');" href="http://m.264.cn"&
&a onclick="deleteCookie('mobile_mode', '264.cn');" href="http://m.264.cn"&&&手机版&/a&
完整的nginx端配置，当然是去掉了与本文功能无关的配置，并不是一个完可用的配置，只是给大家一个整体的框架。
PC版网站配置
upstream app_server {
server 0.0.0.0:9001;
listen 80;
server_name www.264.
root /path/to/main_
location / {
proxy_set_header X-Real-IP $remote_
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
set $mobile_request '1';
if ($http_cookie ~ 'mobile_request=full') {
set $mobile_request '';
if ($mobile_request = '1') {
rewrite ^.+ http://m.264.cn$
# serve cached pages ...
if (!-f $request_filename) {
proxy_pass http://app_
123456789101112131415161718192021222324252627282930313233
upstream app_server {&&server 0.0.0.0:9001;}&server {&&listen 80;&&server_name www.264.cn;&&&root /path/to/main_site;&&# ...&&&location / {&&&&proxy_set_header X-Real-IP $remote_addr;&&&&# ...&&&&&if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {&&&&&&set $mobile_request '1';&&&&}&&&&if ($http_cookie ~ 'mobile_request=full') {&&&&&&set $mobile_request '';&&&&}&&&&if ($mobile_request = '1') {&&&&&&rewrite ^.+ http://m.264.cn$&&&&}&&&&&# serve cached pages ...&&&&&if (!-f $request_filename) {&&&&&&proxy_pass http://app_&&&&&&break;&&&&}&&}}
手机移动版配置
upstream m_app_server {
server 0.0.0.0:9001;
listen 80;
server_name m.264.
root /path/to/mobile_
location / {
proxy_set_header X-Real-IP $remote_
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
set $mobile_request '1';
if ($http_cookie ~ 'mobile_request=full') {
set $mobile_request '';
if ($mobile_request != '1') {
rewrite ^.+ http://www.264.cn$
# serve cached pages ...
if (!-f $request_filename) {
proxy_pass http://m_app_
123456789101112131415161718192021222324252627282930313233
upstream m_app_server {server 0.0.0.0:9001;}&server {&&listen 80;&&server_name m.264.cn;&&&root /path/to/mobile_site;&&# ...&&&location / {&&&&proxy_set_header X-Real-IP $remote_addr;&&&&# ...&&&&&if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {&&&&&&set $mobile_request '1';&&&&}&&&&if ($http_cookie ~ 'mobile_request=full') {&&&&&&set $mobile_request '';&&&&}&&&&if ($mobile_request != '1') {&&&&&&rewrite ^.+ http://www.264.cn$&&&&}&&&&&# serve cached pages ...&&&&&if (!-f $request_filename) {&&&&&&proxy_pass http://m_app_&&&&&&break;&&&&}&&}}
除非注明，本站文章均为: 原创，转载请注明本文地址:
查找问题的解决方法时，你是不是会经常发现同一篇文章被转来转去，却没有一篇能说清楚问题究竟怎么回事。面对问题你是不是偶尔也会发现自己也能设计出精彩的解决方案，觉得自己就是个天才。现在好了如果你有刻骨铭心的经历无论是Nginx还是其它的方面，别让它被遗忘，与大家分享吧，投稿邮箱。
与我联系 关注公众号 wsyw668
新开Nginx QQ群，欢迎大家一起交流探讨，群号。
<img src="https://www.nginx.cn/wp-content/uploads/2018/03/qrcode_for_gh_e8c6e-2.jpg" alt="" width="258" height="258" class="size-full wp-image-4770" 扫描二维码关注向我提问
如果你喜欢本站，请关注公众号或添加本站链接。
- 737,864 views - 610,276 views - 408,484 views - 330,889 views - 272,596 views - 236,223 views - 202,380 views - 175,659 views - 165,345 views - 160,993 views