需求场景
判断浏览器类型,让譬如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 中间件解决,这个后续再更新。