4.vue中引入axios

vue中引入axios

视频演示地址：https://www.bilibili.com/video/BV1B5eKe4Euq/?vd_source=0f4eae2845bd3b24b877e4586ffda69a

1.安装 axios

npm install axios --save

2.在vue中注册axios，注册好后，使用方法为:this.$axios

ps：在vue的入口文件main.js中加入如下代码

import axios from 'axios'
Vue.prototype.$axios = axios

3.测试：

在线免费接口：https://api.uomg.com/api/rand.qinghua?format=json

找一个可渲染的vue页面加入如下代码，并在页面中使用点击事件，调用方法，能输出内容，无报错，则成功引入

testAxios() {
      this.$axios
        .get("https://api.uomg.com/api/rand.qinghua?format=json", {
          params: {
            ID: 12345, //可选
          },
        })
        .then(function (response) {
          console.log("测试接口",response.data);
        })
        .catch(function (error) {
          console.log(error);
        })
        .then(function () {
          // always executed
        });
    },