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