當前位置：首頁 > 前端技术 > vue >内容正文

vue

Vue - webpack 打包兼容 360 浏览器和 IE 浏览器

發布時間：2023/12/20 vue 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 Vue - webpack 打包兼容 360 浏览器和 IE 浏览器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

參考： IE運行出現的問題

背景

項目使用的是 vue2 , 打包后上傳服務器，訪問；IE 不顯示，360 不顯示，老版谷歌瀏覽器不顯示內容。

1. 解決不顯示內容

在 index.html 添加下面內容

比如：

<!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta charset="utf-8"><title>Demo</title> </head> <body> <div id="app"></div>  </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 浏览器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【转载】H264—MP4格式及在MP4文
下一篇： Cesium + Vue 加载天地图服务