Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
2017-07-06 13:23
639 查看
参考 : IE运行出现的问题
比如:
下载安装
在
这样就兼容了
背景
项目使用的是 vue2 , 打包后上传服务器,访问;IE 不显示,360 不显示,老版谷歌浏览器不显示内容。1. 解决不显示内容
在 index.html 添加下面内容<meta http-equiv="X-UA-Compatible" content="IE=edge">
比如:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 最新 ie --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>Demo</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
2. 语法不支持
如果出现语法不支持,比如includes, 那么使用
babel-polyfill解决:
下载安装
babel-polyfill:
npm install babel-polyfill --save-g
在
main.js中 引入
babel-polyfill对象:
import 'babel-polyfill'
这样就兼容了
相关文章推荐
- Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
- Vue(SPA) WebPack模块化打包、SEO优化(Vue SSR服务端同构直出)、全浏览器兼容完整解决方案
- js在当前光标处插入特定字符 兼容ie、火狐、谷歌、360、NETSCAPE等浏览器
- 加入收藏、设为首页代码,兼容360/火狐/谷歌/IE等主流浏览器
- webpack+vue-cli项目打包技巧
- Echart在使用webpack打包之后,IE10+中无法渲染的问题
- 如何降低Vue.js项目中Webpack打包文件的大小?
- Vue.js中用webpack合并打包多个组件并实现按需加载
- eWebEditor浏览器兼容 ie8 ie7
- 开始 vue-cli webpack 打包工具的demo
- 使用webpack打包Vue工程
- 如何让webpack模块化代码兼容到ie8
- 设为首页加入收藏兼容360/火狐/谷歌/IE/搜狗/猎狐/Safari/等主流浏览器的代码
- 自己写jQuery-ajax插件,XMLHttpRequest,支持回调,兼容ie、ff、360等浏览器
- 让webpack+vue-cil项目不再自动打开浏览器
- [Web开发] IE 所有版本打包下载,网页兼容测试必备
- [Web开发] IE 所有版本打包下载,网页兼容测试必备
- window.url.createobjecturl 兼容多种浏览器(IE,google,360,Safari,firefox)
- Iframe的高度自适应且兼容谷歌,火狐,IE和360等主流浏览器
- [Web开发] IE 所有版本打包下载,网页兼容测试必备