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 中间件解决，这个后续再更新。