Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
2017-08-10 21:53
676 查看
参考 : IE运行出现的问题
项目使用的是 vue2 , 打包后上传服务器,访问;IE 不显示,360 不显示,老版谷歌浏览器不显示内容。
在 index.html 添加下面内容
1
比如:
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
如果出现语法不支持,比如
下载安装
1
在
引入
1
这样就兼容了
:http://blog.csdn.net/lablenet/article/details/74536307
背景
项目使用的是 vue2 , 打包后上传服务器,访问;IE 不显示,360 不显示,老版谷歌浏览器不显示内容。
1. 解决不显示内容
在 index.html 添加下面内容<meta http-equiv="X-UA-Compatible" content="IE=edge">1
1
比如:
<!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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2. 语法不支持
如果出现语法不支持,比如 includes, 那么使用
babel-polyfill解决:
下载安装
babel-polyfill:
npm install babel-polyfill --save-g1
1
在
main.js中
引入
babel-polyfill对象:
import 'babel-polyfill'1
1
这样就兼容了
:http://blog.csdn.net/lablenet/article/details/74536307
相关文章推荐
- Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
- Vue(SPA) WebPack模块化打包、SEO优化(Vue SSR服务端同构直出)、全浏览器兼容完整解决方案
- 解决vue-cli webpack打包后加载资源的路径问题
- webpack打包vue时提取css
- vue_router打包(webpack)
- 使用vue-cil构建vue2项目,webpack打包项目
- vue-cli webpack2项目打包优化
- 关于webpack打包vue项目后的页面body为空的问题
- 解决在vue项目中webpack打包后字体不生效的问题
- 解决vue+webpack打包路径的问题
- 用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式
- 如何使用webpack打包vue项目?
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01
- 设为首页加入收藏兼容360/火狐/谷歌/IE/搜狗/猎狐/Safari/等主流浏览器的代码
- Vue+webpack+Element 兼容问题总结(小结)
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- 使用Vue-cli下载一个以webpack打包的vue模板
- 在vue中用webpack打包之后运行文件问题以及相关配置
- 16.如何做到webpack打包vue项目后,可以修改配置文件
- 设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码 详细出处参考:http://www.jb51.net/article/35063.htm