Vue 后臺管理類項目兼容IE9+的方法示例

const downloadUrl = url => {
 let iframe = document.createElement('iframe');
 iframe.style.display = 'none';
 iframe.src = url;
 iframe.onload = function () {
 document.body.removeChild(iframe);
 };
 document.body.appendChild(iframe);
};
// 攔截二進(jìn)制響應(yīng)流
if (res.headers && (res.headers['content-type'] === 'application/vnd.ms-excel;charset=UTF-8' || res.headers['content-type'] === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || res.headers['content-type'] === 'application/octet-stream;charset=UTF-8')) {
downloadUrl(res.request.responseURL);
return
}

utils.exportFiles = (type = 'GET', url = null) => {
 var xhr = null
 if (window.XMLHttpRequest) { // Mozilla 瀏覽器
 xhr = new XMLHttpRequest()
 } else {
 if (window.ActiveXObject) {
 try {
 xhr = new ActiveXObject('Microsoft.XMLHTTP')
 } catch (e) {
 try {
 xhr = new ActiveXObject('Msxml2.XMLHTTP')
 } catch (e) {
 }
 }
 }
 }

 xhr.open(type, url, true)
 xhr.responseType = 'blob'
 if (type === 'POST') {
 xhr.setRequestHeader('Content-type', 'application/json')
 }
 xhr.onload = function (res) {
 var contentDisposition = xhr.getResponseHeader('content-disposition')
 var contentType = xhr.getResponseHeader('content-type')
 var filename = contentDisposition.split(';')[2]
 // eslint-disable-next-line no-eval
 eval(filename)
 filename = decodeURI(filename)
 if (this.status === 201) {
 var blob = this.response
 if (typeof window.navigator.msSaveBlob !== 'undefined') {
 // IE 瀏覽器進(jìn)行下載
 window.navigator.msSaveBlob(blob, filename)
 } else {
 // 非瀏覽器進(jìn)行下載
 var downloadUrl = document.createElement('a')
 downloadUrl.download = filename
 downloadUrl.style.display = 'none'
 downloadUrl.href = URL.createObjectURL(blob)
 document.body.appendChild(downloadUrl)
 downloadUrl.click()
 URL.revokeObjectURL(downloadUrl.href)
 document.body.removeChild(downloadUrl)
 }
 } else {
 console.log('導(dǎo)出錯誤')
 }
 }

 xhr.send()
}

const IE11RouterFix = {
 methods: {
 hashChangeHandler: function () {
 this.$router.push(window.location.hash.substring(1, window.location.hash.length));
 },
 isIE11: function () { return !!window.MSInputMethodContext && !!document.documentMode; }
 },
 mounted: function () { if (this.isIE11()) { window.addEventListener('hashchange', this.hashChangeHandler); } },
 destroyed: function () { if (this.isIE11()) { window.removeEventListener('hashchange', this.hashChangeHandler); } }
}

export default IE11RouterFix

var vm = new Vue({
el: '#app',
router,
store,
mixins: [IE11RouterFix],
components: {
App,
},
template: '<App/>'
});