nuxt 低版本浏览器不兼容处理

一、在middleware文件夹中创建中间件文件 browserVersion.js

export default function (context) {const userAgent = process.server ? context.req.headers['user-agent'] : navigator.userAgentlet re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");if (re.exec(userAgent) != null) {let rv = parseFloat(RegExp.$1);if (rv < 9) {  //低于IE9以下  跳转 提示浏览器升级 页面return context.redirect('https://support.dmeng.net/upgrade-your-browser.html')}}
}

二、在nuxt.config.js中声明

module.exports = {router: {middleware: ['browserVersion']}
}

nuxt 低版本浏览器不兼容处理相关推荐

HTML5新标签对IE低版本浏览器的兼容处理
问题概述:IE8浏览器中还没有添加对HTML5新标签的支持,当在页面中使用HTML5新标签时,新标签不兼容 1)使用JavaScript新增元素的方法解决注意:使用javascript新增元素的方法 ...
web HTML5新标签对IE低版本浏览器的兼容处理
1)使用JavaScript新增元素的方法解决注意:使用javascript新增元素的方法解决,新增的出来的html5标签是行级元素,需要css把行内元素转为块 //js创建html5标签docu ...
低版本浏览器兼容处理
1.HTML5新标签对IE低版本浏览器的兼容处理问题概述:IE8浏览器中还没有添加对HTML5新标签的支持,当在页面中使用HTML5新标签时,新标签不兼容 1)使用JavaScript新增元素的方法 ...
css3低版本浏览器兼容性问题
css3低版本浏览器兼容性问题什么是浏览器兼容性问题? 浏览器内核不同,对同一段代码会有不同的解析,就会造成页面效果不统一的情况,进而造成浏览器兼容性问题. 各个浏览器内核: 浏览器类型内 ...
AngularJS开发指南7：AngularJS本地化，国际化，以及兼容IE低版本浏览器
AngularJS本地化,国际化国际化,简写为i18n,指的是使产品快速适应不同语言和文化. 本地化,简称l10n,是指使产品在特定文化和语言市场中可用. 对开发者来说,国际化一个应用意味着将所有的 ...
vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...
React+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案参考文章: (1)React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 (2)https://www.cnbl ...
element ui 兼容低版本浏览器
基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...
vite如何兼容低版本浏览器
一.问题在使用vue3.2和vite2.0+开发一个移动端H5,测试时发现很多低版本的安卓手机浏览器出现白屏的现象,而ios机型基本上是好的,原因是很多低版本浏览器并不支持原生ESM导入的方式,下面 ...
React 项目兼容低版本浏览器
兼容低版本浏览器真的是让人头大,不过现在好在有框架鱼插件的运用,让我们轻松的兼容低版本浏览器,本文中以 DvaJS Cli 举例下载 react-app-polyfill 和 core-js 插件 ...

nuxt 低版本浏览器不兼容处理

nuxt 低版本浏览器不兼容处理相关推荐

最新文章

热门文章