vue调用接口
真的可以用1.最简单的一种方法安装axios,npm install --save axios在main.js中引入import axios from '.axios'Vue.prototype.$axios=axios ①//如果Vue.prototype.$ajax=axios ,调用时写法如下②在想要调用接口数据的页面中,get后面的地址是你的接口地址...
真的可以用
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/ 搬家了!
家没了,截图没了,勉强凑合用下面这个网址看吧
更多推荐
所有评论(0)