Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
生活随笔
收集整理的這篇文章主要介紹了
Vue - webpack 打包兼容 360 浏览器和 IE 浏览器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
參考 : IE運行出現(xiàn)的問題
背景
項目使用的是 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. 語法不支持
如果出現(xiàn)語法不支持,比如 includes , 那么使用 babel-polyfill 解決:
下載安裝 babel-polyfill :
npm install babel-polyfill --save-g在 main.js 中 引入 babel-polyfill 對象:
import 'babel-polyfill'這樣就兼容了
總結
以上是生活随笔為你收集整理的Vue - webpack 打包兼容 360 浏览器和 IE 浏览器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【转载】H264—MP4格式及在MP4文
- 下一篇: Question