• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

互联网 diligentman 1周前 (01-14) 3次浏览

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>


喜欢 (0)