參考 : 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'
這樣就兼容了