vue在ie9中的兼容问题

问题总结 https://github.com/vuejs-templates/webpack/issues/260

首先npm install --save babel-polyfill
然后在main.js中的最前面引入babel-polyfill

import 'babel-polyfill'
在index.html 加入以下代码（非必须）

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
在config中的webpack.base.conf.js中,修改编译配置

entry:{app:['babel-polyfill','./src/main.js']
}

当然，如果你只用到了 axios 对 promise进行兼容，可以只用 es6-promise

npm install es6-promise --save

在 main.js 中的最前面引入

import 'es6-promise/auto'

以上配置，ie9兼容就完成了

那么，就有一个问题了，build之后的dist文件只有放在服务器上才能查看，但本地如何查看呢，参考一下配置

修改config文件夹中的index.js文件,将build对象中的打包路径，'/‘改为'./'，由绝对路径改为相对路径,建议将sourceMap改为false,编译的时候会快一点

build: { assetsPublicPath: './', productionSourceMap: false, },
修改完之后，重新 npm run build ，得到新的dist文件夹
然后进入dist文件夹

cd dist
全局安装简易node服务器

npm install http-server -g
启动简易node服务器

http-server
出现如下图所示，就代表你的服务器启动成功了，那你也能在5000端口查看编译打包后的项目了，可以在ie浏览器中直接测试了
IE在处理日期的时候，不支持-支持/的日期方式如 2017-01-01应该 2017/01/01

vue在ie9中的兼容问题相关推荐

解决vue在ie9中的兼容问题
vue 解决ie9的兼容问题当vue遇见ie9的时候,部署到服务器之后,打开居然是一片空白,vue是支持ie9的,这个时候就需要来一波兼容了参考尤大的解答 https://github.com/v ...
vue在开发环境怎么兼容ie_Vue兼容ie9的问题全面解决方案
前言背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求:axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 ...
vue项目中浏览器兼容问题
vue项目中浏览器兼容问题 1.安装 npm install --save babel-polyfill npm install es6-promise --save 2.在main.js中引入(最好 ...
vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
Vue项目开发中一些常见问题
问题汇总问题:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ ...
详解使用VueJS开发项目中的兼容问题
详解使用VueJS开发项目中的兼容问题本篇文章针对在vue项目中遇到的兼容性问题以及解决方法做了详细的总结. 一,VUE项目一般会使用axios,而axios又是基于promise的,所以,IE任 ...
vue打包后有es6语法兼容问题，ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有"const"和箭头函数语 ...
vue路由IE9浏览器iframe显示空白
最近遇到一个很神奇的问题,vue路由地址在所有浏览器单独访问都能正常显示,但是将路由地址通过JS赋值给IE9中的iframe src时一直显示空白页,查看浏览器源代码发现路由地址一切正常.因为只有IE ...
vue检测是不是360浏览器兼容模式_360安全浏览器兼容模式无法访问vue怎么解决？...
360安全浏览器兼容模式无法访问vue怎么解决?下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 360兼容模式下 ...

vue在ie9中的兼容问题

vue在ie9中的兼容问题相关推荐

最新文章

热门文章