用CDN方式引入Vue、Axios兼容IE浏览器的ES6语法处理

作者: 我决定把以前的ID换了
来源: 51数据库
2021-08-20

Vue、Axios 兼容性处理

用cdn 方式解决IE浏览器不兼容ES6语法问题

引入es6-promise、es6-promise.auto

只要在原本引入axios的cdn之前，引入es6-promise、es6-promise.auto


<script src="./js/es6-promise.min.js"></script>
<script src="./js/es6-promise.auto.min.js"></script>

引入Vue、Axios


<script src="./js/axios.min.js"></script>
<script src="./js/vue.min.js"></script>

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
	<script src="./js/es6-promise.min.js"></script>
	<script src="./js/es6-promise.auto.min.js"></script>
	<script src="./js/axios.min.js"></script>
	<script src="./js/vue.min.js"></script>
</head>
<body>

<div id="app"></div>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        created: function () {
            axios.get('URL')
                .then(function (res) {
                    console.log(res);
                    let data = res.data;
                    console.log(data);
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
    })
</script>

</body>
</html>