服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > 开发教程 > linux教程 >

nginx同时适配PC版和手机移动版

时间:2016-06-12 13:33来源:未知 作者:最模板 点击:
项目有个需求,同时存在PC版和手机移动版的页面,全是静态页面,运行在nginx下,想要同时适配PC版和手机移动版。 即同一个URL,用PC访问量加载PC版页面,用手机访问时加载手机版页

项目有个需求,同时存在PC版和手机移动版的页面,全是静态页面,运行在nginx 下,想要同时适配PC版和手机移动版。

即同一个 URL ,用PC访问量加载PC版页面,用手机访问时加载手机版页面。

由于PC版和手机版每个页面的文件名都是一样的,各有一套css/js/images,如果在用户访问时判断他是通过PC还是手机访问的,从而指定相应的站点 根目录 ,问题不就解决了吗?

请看 nginx 配置

server
{
      listen       80;
      server_name  youdomain.com;
      index index.html index.htm index.php;


#    listen 443;
#    ssl on;
#    ssl_certificate  /usr/local/nginx/conf/server.crt;
#    ssl_certificate_key  /usr/local/nginx/conf/server_nopwd.key;
      set $mobile_request 0;
      if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
        set  $mobile_request 1;
      }
      location / {
        root /var/www/html/pc/;
        if ($mobile_request = 1) {
            root /var/www/html/mobile/;
        }
      }
      access_log  logs/access_yourdomain_com.log  main;
      error_log logs/error_yourdomain_com.log;
}

最后不要忘了重启 nginx

service nginx restart

注意得用 restart , reload 不管用。

(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容