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

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

export default function (context) {

  const userAgent = process.server ? context.req.headers['user-agent'] : navigator.userAgent

  let 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.js,浏览器兼容性处理,浏览器兼容性处理)