vue 在IE9 下兼容性问题

最近我们的项目选择用vue来做开发，在这个过程我们还要兼容ie9这个坑，在这里我写一点我碰到的坑

开发选用：vue+vue-cli+axios+router+iview+mock
首先我们按照步骤来安装vue-cli
创建项目运行

npm install
npm run dev
1
2
然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的这里写图片描述

官网地址：https://github.com/vuejs/vue

下图是错误提示ie9：
这里写图片描述
然后就找资料查文档，总算给我找到了。
要实现其实很简单，只需要我们下载一个babel-polyfill，

npm install babel-polyfill --save-dev
1
下载完成后我们怎么用它
这时我们要找到build文件夹下webpack.base.conf.js在里面修改一下就行了

module.exports = {
entry: {
app: ‘./src/main.js’
},
1
2
3
4
改成

module.exports = {
entry: {
‘babel-polyfill’: ‘babel-polyfill’,
app: ‘./src/main.js’
},
1
2
3
4
5
就ok了是不是很简单

第二问题就是axios的请求在ie下没有用
这个怎么解决？
也是就是下载一个js的问题
下面就直接贴代码

npm install es6-promise --save-dev
1
/main.js下/
import promise from ‘es6-promise’
promise.polyfill()
1
2
3

辛辛苦苦把项目写好了，然后再Chrome跑的天衣无缝。然后经理告诉我要兼容ie9及以上。信心满满的拿出来试了试。GG思密达！！！

一、Pormise的问题，原来是Axios不能直接兼容IE9

先去项目里下载es6-promise

npm install es6-promise

然后去页面导入

import promise from ‘es6-promise’;
promise.polyfill();
二、URLSearchParams未定义的问题，原来是IE9不支持URLSearchParams。（千万别用一些不被大众浏览器兼容的东西，都是坑）
先去项目里下载qs

npm install qs

然后去Axios放参数的时候这样放

import qsfrom ‘qs’;
var params = {
‘param1’:1,
‘param2’:2
}
qs.stringify(params)
三、GET方法在IE9会直接默认去拿缓存，返回的是304而不是正常拿到数据后的200.
这个就在GET方法的params中加个时间戳就行了。
time:new Date().getTime()

vue 在IE9 下兼容性问题相关推荐

IE6-IE9兼容性问题列表及解决办法_补充之五：在IE9下, disabled的文本框内容被选中后，其他控件无法获得焦点问题...
先看一段Htm代码,里面一个disabled的文本框,一个普通可写的文本框,还有一个按钮,非常简单,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
Vue 兼容 ie9 的解决方案
Vue 兼容 ie9 的全面解决方案一.兼容IE主要是从以下几个方面考虑 es6语法兼容 Number对象es6新方法兼容 requestAnimationFrame方法兼容 axios Promi ...
ie9下console不兼容的问题
最近在调整项目在ie9下的展示问题,发现在ie9下,js文件不执行,打开控制台才执行,原因是ie9不支持console,以下给出两种解决方案: 1. 在webpack.prod.conf.js 中添加 ...
IE9下iframe显示异常的处理方法
我们的一个系统的iframe中的内容,发现在IE9下无法正常显示,而在IE8下是正常的. 查过很多网上的资料,发现都说IE9下使用iframe会有很多问题. 最后的解决办法是: (1)在<hea ...
Vue 兼容 ie9 的全面解决方案
Vue 兼容 ie9 的全面解决方案参考文章: (1)Vue 兼容 ie9 的全面解决方案 (2)https://www.cnblogs.com/hejun210/p/9228081.html 备忘 ...
解决JQuery AutoComplete在IE9下出错的问题
JQuery AutoComplete插件在IE9下会因为bgiframe的问题出错解决方法: 引入新的bgiframe jquery.bgiframe-2.1.2.js: /*! Copyrigh ...
asp.net2.0中session在ie9下不能保存的问题
这几天一直在做一个集成若干Web地图的统一的页面,可以在不同地图间进行切换,并且原先的数据可以保存,地图的类库我已封装好,只是在调试切换地图时,遇到了一个让人匪夷所思的问题,就是同样的代码在360的5 ...
[vue] 请描述下vue的生命周期是什么？
[vue] 请描述下vue的生命周期是什么? 生命周期就是vue从开始创建到销毁的过程,分为四大步(创建,挂载,更新,销毁),每一步又分为两小步,如beforeCreate,created.befor ...
vue js 对象下的原型_如何使用Vue.js和Pusher创建实时原型反馈应用程序
vue js 对象下的原型 by Neo Ighodaro 由新Ighodaro 如何使用Vue.js和Pusher创建实时原型反馈应用程序 (How to create a realtime pro ...

vue 在IE9 下兼容性问题

vue 在IE9 下兼容性问题相关推荐

最新文章

热门文章