最近我们的项目选择用vue来做开发,在这个过程IE兼容性


首先我们按照步骤来安装vue-cli 
创建项目运行

npm install
npm run dev

然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的

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

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

npm install babel-polyfill --save-dev

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

module.exports = {
entry: {
app: './src/main.js'
},

改成

module.exports = {
entry: {
'babel-polyfill': 'babel-polyfill',
app: './src/main.js'
},

就ok了 是不是很简单

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

npm install es6-promise --save-dev
/*main.js下*/
import promise from 'es6-promise'
promise.polyfill()

辛辛苦苦把项目写好了,然后再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()

最新文章

  1. 解决Ajax不能跨域的方法
  2. 如何学习JavaScript
  3. ActiveReports中如何在后台导出运行时绑定数据源报表
  4. C语言 生成随机数
  5. scp 传文件
  6. 在C#调用C++的DLL方法(一)生成非托管dll
  7. java.text.NumberFormat使用方法
  8. CentOS 7 Root用户密码重置 2017-04-02
  9. kali高速更新源以及主题修改方法
  10. assert断言
  11. 将n个东西分成n1,n2,n3,n4,....nr 共 r组分给r个人有多少种分法。
  12. [android] 线性布局和布局的组合
  13. Polish Extraction Zone
  14. Docker之 默认桥接网络与自定义桥接网卡
  15. Win记录-配置Windows Server R 2008多用户远程连接(仅做参考)
  16. Python自动化开发 - 常用模块(一)
  17. iOS开发transform的使用
  18. (三)hibernate单表操作
  19. C++求矩阵的鞍点
  20. Unity3D系列教程--使用免费工具在Unity3D中开发2D游戏 第一节

热门文章

  1. python3.6.4 scrapy框架from PIL import Image报错 from . import _imaging as core
  2. react-hook简单使用
  3. 有个性的手动计划模式(Project)
  4. 深入浅出Mysql索引优化专题分享|面试怪圈
  5. manjaro(arch系)Linux使用(一)
  6. LuoguP7784 [AC6-M15] “大吊灯”攻略作战 题解
  7. 【九度OJ】题目1475:IP数据包解析 解题报告
  8. 【LeetCode】820. 单词的压缩编码 Short Encoding of Words(Python)
  9. Matrix(poj2155)
  10. anaconda安装PIL