同一个网址,电脑手机访问显示不同的内容(Apache配置)

一、需求概述:
用户访问一个网址 https://www.xxx.com,如果是移动设备访问,跳转到移动端的页面 https://www.xxx.com/mobile;如果是电脑访问,则跳转到pc端页面 https://www.xxx.com。

【同一个网址,电脑手机访问显示不同的内容(Apache配置)】二、 实现逻辑:
默认 https://www.xxx.com入口为pc端静态资源,添加配置获取用户设备,如果是移动设备则redirect到移动端静态资源 https://www.xxx.com/mobile。

三、具体实现:
3.1服务器上放置2套静态资源,pc文件夹里增加配置文件(用于获取用户设备并redirect)。
同一个网址,电脑手机访问显示不同的内容(Apache配置)
文章图片

(配置文件 .htaccess)
同一个网址,电脑手机访问显示不同的内容(Apache配置)
文章图片

mobile文件夹里是否添加拦截配置则看具体需求(如果添加了的话,在pc端手动输入 https://www.xxx.com/mobile 也会被redirect到https://www.xxx.com)。
另外,mobile部分的路径要修改为 /m,(creat-react-app默认是 ' / ' )。
同一个网址,电脑手机访问显示不同的内容(Apache配置)
文章图片


3.2添加Apache配置
服务端一个端口监听一套静态资源
同一个网址,电脑手机访问显示不同的内容(Apache配置)
文章图片


具体的设备类型获取参考http://detectmobilebrowsers.com/。

转载于:https://www.cnblogs.com/deadbug/p/10628383.html

    推荐阅读