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 中間件解決，這個后續再更新。