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});},