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