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