2019-04-17 15:39:46 xjf106 阅读数 369
  • Vue.js 2.0之全家桶系列视频课程

    基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

    6240 人正在学习 去看看 汤小洋

在ie浏览器下,我们会发现axios获取请求数据失败,会报错:vuex requires a Promise polyfill in this browser
axios说是支持ie8+,不过其原理是基于promise之上实现的,所以会有不兼容ie的问题

解决方法:
1、安装 babel-polyfill
2、修改build配置环境为下图或者直接在main.js里面import 'babel-polyfill'
在这里插入图片描述
然后 npm run dev 重启项目,数据获取正常了

2018-07-11 18:34:05 qq_33242126 阅读数 5308
  • Vue.js 2.0之全家桶系列视频课程

    基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

    6240 人正在学习 去看看 汤小洋

官方文档说,Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器

今天在写的时候,出现bug,在360浏览器兼容模式和IE11下,页面空白。经过排查,是axios在IE下的兼容问题,根本没有发起请求,也是promise的兼容性问题。

解决方法:

在项目下运行命令:

 npm install es6-promise --save-dev

然后再main.js文件里引入:

import promise from 'es6-promise';
promise.polyfill();

即可解决问题。

axios浏览器兼容性


2019-10-23 13:42:24 weixin_39513821 阅读数 207
  • Vue.js 2.0之全家桶系列视频课程

    基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

    6240 人正在学习 去看看 汤小洋
  • 场景

当请求后端接口参数一样时,ie浏览器会自动读取接口的缓存数据,导致数据不能实时回显到的页面上

  • 解决方法:

在axios中参数加入时间戳,是每次调用接口的是参数不一致

get方式:

this.$axios({
    methods:'get',
    url:"",
    params:{
        date:Date.parse(new Date()) //加入时间戳
    }
})

post方式:

this.$axios({
    method:'post',
    url:"",
    params:{
        date:Date.parse(new Date()) //将时间戳拼接到url后边
    },
    data:{
        
    }
})

 

2019-06-15 19:36:24 qq_42991509 阅读数 1542
  • Vue.js 2.0之全家桶系列视频课程

    基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

    6240 人正在学习 去看看 汤小洋

一.axios在IE9下面Promise不能使用。
https://www.cnblogs.com/zhengyan/p/8111203.html
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+axios+vue-router兼容ie9
https://www.jianshu.com/p/94207df41c96

Vue 兼容 ie9 的全面解决方案
https://juejin.im/post/5b2868b46fb9a00e6f65f87e

2018-11-20 16:32:05 u010238381 阅读数 5635
  • Vue.js 2.0之全家桶系列视频课程

    基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

    6240 人正在学习 去看看 汤小洋

360浏览器“极速模式”采用Blink(Webkit)内核,具有更高的网页浏览速度和更好网页渲染效果。不存在自动缓存请求。

“兼容模式”采用Trident内核(IE内核),会自动缓存请求。导致在进行一些表格操作(增删改查)时出现不刷新,重新登录才刷新的问题。

使用vue axios,增加以下设置就可以了:

const service = axios.create({
    // ...
    headers: {
        'Cache-Control': 'no-cache'
    }
});

 

 

vue兼容ie9及其以上

阅读数 103

没有更多推荐了,返回首页