nuxtjs项目里怎么判断IE，然后提示升级浏览器

Question

我尝试过在nuxt.config.js注入一个判断 是否IE，然后把结果输出
结果是输出了 但是在业务组件内created(){} 尝试过console.log() 都没任何结果输出。。。。

只是报了一个蛋疼的错误

Answer 1

直接在html里添加一段这样的代码即可，用不着js来判断。样式就按照你网站的风格来调整：

<!--[if lt IE 9]>
<style type="text/css">
.lowie{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.lowie .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;    background: #000;filter: opacity(60);opacity: 0.6;}
.lowie .con{position: absolute; width: 400px; height: 300px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px;text-align: center; background: #fff;}
.lowie h2{margin: 60px 0 20px;}
.lowie a{font-size: 23px; color: #00f;}
.lowie a:hover{color: #f00;}
</style>
<div class="lowie">
    <div class="bg"></div>
    <div class="con">
        <h2>您的浏览器版本过低，为了更好的浏览体验，建议您升级浏览器</h2>
        <a href="http://browsehappy.osfipin.com/" target="_blank">去升级</a>
    </div>
</div>
<![endif]-->

Answer 2

直接在html里面写一段script不就可以了？不要本末倒置