How to solve the incompatibility prompt of vue ie8

Vue ie8 incompatible solutions: 1. Use "babel-polyfill" to convert ES6 syntax to ES5; 2. Introduce "es6-promise"; 3. Prompt to upgrade the browser or pass "(function (w){if(!("WebSocket" in w&&2===w.WebSocket.CLOSING)){...}" Just jump to the upgrade.

The operating environment of this tutorial: Windows 10 system, Vue version 3, DELL G3 computer

How to solve the incompatibility prompt of vue ie8?

Solution to Vue A simple way to be compatible with lower version browsers

Vue does not support IE8 and below because Vue uses ECMAScript 5 features that IE8 cannot emulate. But it supports all ECMAScript 5-compatible browsers. Use Vuex When working with axios, browser support is required: Promise, but IE does not support Promise.

Tip: If the project needs to support IE users, it is not recommended to use Vue to build.

How to use Vue to support more Browser version?

Method 1. Babel-polyfill simulates ES2015

Use babel-polyfill to convert ES6 syntax to ES5 and simulate the entire ES2015 environment. You can use Promise and WeakMap. Methods Array.from, Object.assign, Array.prototype.includes.

npm install --save babel-polyfill require("babel-polyfill"); import "babel-polyfill";

Method 2, es6-promise supports Promise

npm install es6-promise require('es6-promise').polyfill();

Tip: Although these polyfills meet some needs, they are invisible Increased the size of the project.

Method 3, Tips for lower version browsers

Compatibility with lower version browsers is a painful thing in itself, and IE browser has basically become a thing of the past , if too much work is done to be compatible with these browsers, it is really a waste.

It is also a good way to prompt users to upgrade their browsers. Recommended website: Happy browsing.

Happy Browsing: Provide commonly used browser downloads, including Google, Firefox, 360 Browser, etc. Add the following Js code to the public\index.html file in the VUE project:

Prompt to upgrade browser

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='
\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728\u592a\u592a\u65e7\u4e86\uff0c\u592a\u592a\u65e7\u4e86 \u7acb\u5373\u5347\u7ea7
';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));

Jump directly

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));