同一个网址，电脑手机访问显示不同的内容（Apache配置）

一、需求概述：

　　用户访问一个网址 https://www.xxx.com，如果是移动设备访问，跳转到移动端的页面 https://www.xxx.com/mobile；如果是电脑访问，则跳转到pc端页面 https://www.xxx.com。

 

二、 实现逻辑：

　　默认 https://www.xxx.com入口为pc端静态资源，添加配置获取用户设备，如果是移动设备则redirect到移动端静态资源 https://www.xxx.com/mobile。

 

三、具体实现：

 3.1  服务器上放置2套静态资源，pc文件夹里增加配置文件（用于获取用户设备并redirect）。

　　

　　（配置文件 .htaccess）

　　

　　mobile文件夹里是否添加拦截配置则看具体需求（如果添加了的话，在pc端手动输入 https://www.xxx.com/mobile 也会被redirect到https://www.xxx.com）。

       另外，mobile部分的路径要修改为 /m，（creat-react-app默认是 ' / ' ）。　　

　　

 

3.2  添加Apache配置　　

　　服务端一个端口监听一套静态资源

　　

 

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

 

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