博客

html文档中引入axios遇到的奇葩问题

在body中引入代码：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

然后插入一个按钮：

<input type="button" value="get请求" class="get">

目的是实现get请求测试网址，一共写了三次代码，第三次才成功

第一次写入：

<script>
          document.querySelector(".get").onclick = function() {

        axios.get("http://autumnfish.cn/api/joke/list?num=6")
            .then(function(response){
                console.log(response);
            },function(err){
                console.log(err);
            })
        }
    </script>

出现报错：


更改.then()中的function(response)为res =>，代码如下：

    <script>
            document.querySelector(".get").onclick = function() {

        axios.get("http://autumnfish.cn/api/joke/list?num=6")
            .then(res => {
                console.log(res)
            })
            .catch(err => {
                console.error(err);
            })
        console.log("object");
        
        }

    </script>

仍然报错：


第三次，仅更改第二次代码的缩进方式，代码如下：

 <script>
     document.querySelector(".get").onclick = function() {

axios.get("https://autumnfish.cn/api/joke/list?num=6")
    .then(res => {
        console.log(res)
    })
    .catch(err => {
        console.error(err);
    })
console.log("object");

}

    </script>

结果竟然就成功跑起来了…



完全不明白，难不成缩进方式也会影响到代码运行吗，按理来说应该是不可能的…

axios的用法也还没有熟练掌握，这次先记下来。