文享日志

Nginx多端代码分发

网站

发表于2018年11月15日16:17:33

0条评论 139次阅读

一、缘由:

vHanblog桌面端使用Element-UI进行构建的,写完之后才发现,并不能或者很难进行移动端的改造。。所以只好再为移动端写一套代码。。两套代码完成后,解决了上文提到的跨域问题。那么怎么利用Nginx对桌面端与移动端的代码进行分发?如何在移动端访问时blog.docmobile.cn,将域名导向m.docmobile.cn,桌面端访问时导向blog.docmobile.cn?

二、操作:

Nginx开发我不会啊…网上找到个大神写的脚本Detect Mobile Browsers

利用该大神的脚本,我们就可以判断请求访问的源是移动端还是桌面端的。。

Nginx示例配置:

#桌面端访问vhanblog server { listen 80; server_name blog.docmobile.cn; #定义变量 set $mobile_rewrite do_not_perform; #根据请求头useragent字段判断是不是移动端,是的话,赋值$mobile_rewrite if ($http_user_agent ~* "(android|bb\d+|meego).+mobile...此处省略1万字") { set $mobile_rewrite perform; } #同上 if ($http_user_agent ~* "^(1207|6310|6590|3gso...此处省略1万字)") { set $mobile_rewrite perform; } #变量$mobile_rewrite是perform,说明是移动端 if ($mobile_rewrite = perform) { #将网址重定向到m.docmobile.cn rewrite ^/(.*) http://m.docmobile.cn/$1 permanent; break; } location / { try_files $uri $uri/ /index.html; root /vhanblog/panel; index index.html; } }

移动端配置同理…

三、其他

其实根据这段代码,我们还可以想到,可以识别具体的某款浏览器,某个平台等,进行针对性代码分发

👍 0  👎 0
共有0条评论

发表新评论

提交

广告展示

腾讯云推广 阿里云推广