nuxt拦截IE浏览器

需求场景


判断浏览器类型,让譬如IE的低版本浏览器跳转到指定提示浏览器升级页面。

难点分析


使用过的都知道,nuxt没有暴露主入口页面也就是index.html啊,我们以前常用的IE条件判断没地方写。

鉴于css flex布局的广泛使用性,我们选择拦截IE9及以下的浏览器。

说明: nuxt 兼容IE9及以上,flex 兼容IE10及以上,而国内浏览器大多采用webkit内核,或者双内核,双内核只需要简单的增加meta标签就可以了

<meta data-n-head="true" name="renderer" content="webkit">

实现方法:  通过nginx


if ( $http_user_agent ~* "MSIE [5-9]") {
rewrite /* http://www.baidu.com permanent;
}

就这么简单一句 nginx 判断就行了。

另外还可以通过 nuxt 中间件解决,这个后续再更新。

上一篇:解决SpringSecurity阻止ajax的POST和PUT请求,导致403Forbidden的问题


下一篇:NB-IOT模块 M5310-A接入百度开放云IOT Hub MQTT