vue调用接口

真的可以用

1.最简单的一种方法

 安装axios,npm install --save axios

 在main.js中引入

import axios from '.axios'

Vue.prototype.$axios=axios ①

//如果Vue.prototype.$ajax=axios ，调用时写法如下②

在想要调用接口数据的页面中,get后面的地址是你的接口地址

①methods:{

getData:function(){

this.$axios.get("https://api.apiopen.top/getSingleJoke?sid=28654780").then(res=>{

alert(res.data.result.text);

this.data=res.data.result.text;

console.log(res.data)

})

}

}

②

mounted(){

this.$ajax({

method:'get',

url:'https://api.apiopen.top/getSingleJoke?sid=28654780'

}).then(response=>{

alert(response.data.result.text)

}).catch(function(err){

console.log(err)

})

},

然后时post

var qs=require('qs')

var url="https://www.apiopen.top/weatherApi";

this.$axios.post(url,qs.stringify({

city:'青岛'

})).then(res=>{

alert(res.data.data.city)

console.log(res.data)

})

2.封装get,post方法，还没会，会了再补

http://yumud.com/ 搬家了！

家没了，截图没了，勉强凑合用下面这个网址看吧

https://thesecondlight.github.io/