Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性，所以在项目中需要对IE浏览器做处理

1.在index.html中写入以下代码

<!--[if ie]>

<script>

　　window.location.href = './static/ifie.html;

</script>

<![end if]-->

2.ifie.html中的代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<title>浏览器兼容错误</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<style type="">
#divs
{
white-space:nowrap;
display: block;
width: 100%;
overflow: auto;
}
#divs li
{
width: 70px;
height: 80px;
margin: 3px;
display: inline;
}
</style>
<script type="text/javascript">
if (navigator.userAgent.match(/firefox|chrome|safari/i)){
window.location.href = "../index.html";
}
</script>
</head>
<body >
<div id="divs" style="margin-top: 3%;width: 100%;height: 100%;background: white;">

<p style="color: black;font-weight: lighter;text-align: center;margin-top: 20px;">
<span>您当前使用的浏览器不支持最新的HTML5技术。</span>
<br/>
<br/>
<span>如果您正在使用360等双核心浏览器，请切换到高速(或极速)模式下即可。</span>
<br>
如图所示:
<br />
<img src="https://img-blog.csdnimg.cn/2022010612305211468.jpeg" alt="">
<br />
<br />
<span>推荐您使用Google，火狐，或者Google核心，360安全浏览器</span>
<br />
<br />

</p >
<br>
<ul style="text-align: center;white-space: nowrap; ">
<li>
<a href="" target="_blank" style="text-decoration: none;">
<img style="width: 56px;height: 56px;border: 0;" src="https://img-blog.csdnimg.cn/2022010612305367431.jpeg" alt="">Chrome浏览器
</a >
</li>
<li>
<a href="http://www.firefox.com.cn/" target="_blank" style="text-decoration: none;">
<img style="width: 56px;height: 56px;border: 0;" src="https://img-blog.csdnimg.cn/2022010612305335077.jpeg" alt="">Firefox浏览器
</a >
</li>
<li>
<a href="http://se.360.cn/" target="_blank" style="text-decoration: none;">
<img style="width: 56px;height: 56px;border: 0;" src="https://img-blog.csdnimg.cn/2022010612305366485.jpeg" alt="">360安全浏览器
</a>
</li>
</ul>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/wangpeiyuan/p/8134093.html

vuejs搭建的项目对于ie浏览器的处理相关推荐

  1. webpack搭建vue项目开发环境【文档向学习】

    为何有这篇文章 各个社区已经有无数篇帖子介绍如何使用webpack搭建前端项目,但无论是出于学习webpack的目的还是为了解决工作实际需要都面临着一个现实问题,那就是版本更新.别人的帖子可能刚写好版 ...

  2. 搭建vue项目环境以及创建一个简单的vue的demo

    一.vue-cli脚手架的搭建步骤 1.首先,确定你的电脑上已经安装了nodejs,可以使用npm包管理器安装环境,如果还没有安装node环境,则需要安装node.js 这个很简单    默认点击安装 ...

  3. Spring-Boot快速搭建web项目详细总结

    最近在学习Spring Boot 相关的技术,刚接触就有种相见恨晚的感觉,因为用spring boot进行项目的搭建是在太方便了,我们往往只需要很简单的几步,便可完成一个spring MVC项目的搭建 ...

  4. Vue-CLI + Webpack 搭建 Vue 项目最全分析

    一.vue-cli介绍 vue-cli是一个用于快速搭建vue项目的 脚手架. 二.vue-cli安装.更新 安装过nodeJs .cnpm 后,全局安装vue-cli(以后其他项目可直接使用): c ...

  5. 2020.2idea怎么创建html模块_利用idea快速搭建一个项目

    一.前提准备:电脑安装好jdk1.8,安装好IDEA 二.步骤 1.点击创建一个新项目 2.选择 Spring initializr选项,这是一个非常方便的生成Springboot的工具,确认信息无误 ...

  6. 一步一步教你在IEDA中快速搭建SpringBoot项目

    场景 IEDA 2017 现在要在IDEA中搭建SpringBoot项目快速输出HelloWorld. 实现 打开IEDA,点击File--new--project 选择左边的Spring Initi ...

  7. 快速搭建Springboot项目的两种方式！！

    大家好,我是雄雄,欢迎关注微信公众号[雄雄的小课堂]. 前言 Springboot的特点就是简单.快速和方便,使用idea不到一分钟就可以快速搭建springboot项目,并且,在这里,你不用写spr ...

  8. react安装_超全面详细一条龙教程！从零搭建React项目全家桶（上篇）

    React是近几年来前端项目开发非常火的一个框架,其背景是Facebook团队的技术支持,市场占有率也很高.很多初学者纠结一开始是学react还是vue.个人觉得,有时间的话,最好两个都掌握一下.从学 ...

  9. 从无到有整合SpringMVC-MyBatis项目（1）：搭建JavaWeb项目

    前言: 近日有个销售类网站的项目,用了很久的Springboot,突发奇想回到过去,基于SpringMVC-MyBatis框架搭建项目,惭愧的是有些配置已记不清楚,所以决定写篇博客来记录下整个搭建过程 ...

  10. 零配置简单搭建SpringMVC 项目

    SpringMVC是比较常用的JavaWeb框架,非常轻便强悍,能简化Web开发,大大提高开发效率,在各种Web程序中广泛应用.本文采用Java Config的方式搭建SpringMVC项目,并对Sp ...

最新文章

  1. AI进军服装零售产业：微软小冰与特步推出定制化服装设计生产及零售平台
  2. TCP/IP 建立连接的过程
  3. 阿里云边缘云，驱动行业新价值
  4. Hadoop2.x编程入门实例：MaxTemperature
  5. mysql递归查询所有上下节点_非递归打印二叉树的所有路径，保存父节点和孩子节点到底有啥差别...
  6. 三瞬属性matlab,matlab：out of memory 1
  7. java 实现内存数据表_数据结构 Java中的内存
  8. Java基础学习总结（141）——Cron 表达式使用再总结
  9. android 动态添加listview,动态向listView Android添加元素
  10. (转)向浑水（Muddy Waters Research）学习如何调查公司
  11. 安卓苹果均兼容的移动版CAD看图软件——迅捷CAD看图
  12. ODBC连接数据库使用动态密码
  13. 【Python】新华字典(bushi
  14. 前端后端傻傻分不清楚，这里给你答案
  15. Android Studio中通过SQLiteDatabase类操作数据库
  16. Tesla P40在Windows10专业版下走核显输出
  17. “为物联网提供分散的隐私保护医疗区块链”外文翻译——2019年5月份
  18. CQYZ Online Judge P2995 萨鲁曼的大军（c++）
  19. 国企计算机技术岗面试题目,国企历年经典面试试题+答案（二）
  20. 2016年各大安卓渠道最新商务合作通讯录

热门文章

  1. 水星无线网卡代理服务器端口,水星(Mercury)MW150U 3.0/4.0无线网卡AP模式设置
  2. 菱形（两种数组方法）
  3. 《最伟大的作品》，解密周杰伦新专辑背后的数据密码
  4. 计算机组成原理A原是什么,计算机组成原理(A).doc
  5. Most of the disks failed
  6. Ubuntu16.04中修复Pycharm问号图标问题
  7. python做数据挖掘_python 数据挖掘
  8. day16-17-18.对象序列化和反序列化、API获取数据、python操作Excel/CSV文件、类、面向对象编程（初级及进阶）、继承
  9. 使用JS和CSS实现图片的3D透视效果及动画
  10. html插入cad,cad插件有哪些