同一个网址,电脑手机访问显示不同的内容(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)。
文章图片
(配置文件 .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
推荐阅读
- 你有跟人打过架吗()
- c#常用网址记录
- 那个男人
- 来Ma
- Windows必备良心软件,让电脑更酷更高效率!
- 这副画画了好久好久,完工对我来说真的好不容易,心底不知给自己说了多少次别前功尽气,画面很多脏颜料,还好电脑功能强大,处理掉了,色彩也调了
- 十次打车,九次是同一个司机
- 解决edge 每次启动 都会新开一个360网址导航页
- 夜就如同一个梦
- 你还在手动备份电脑文件吗(FileYee帮你一键解决数据自动备份!)