<template>
<div>
<button @click="getDio()">vueresource请求接口</button><br>
<button @click="getAxios()">axios请求接口</button>
<br>
<ul>
<li v-for="(item,index) in list" :key="index">
{{item.title}}
</li>
</ul>
<br>
</div>
</template>
<script>
/**
* vue-resource
* axios
* fetch-jsonp
*
*/
import Axios from 'axios'
export default {
name:'Home',
data() {
return {
url:"http://www.phonegap100.com/appapi.php?a=getPortalList&catid=1&page=1",
list:[],
lista:[]
}
},
methods: {
getDio(){
this.$http.get(this.url).then(function(respose){
console.log(respose.body);
this.list=respose.body.result;
},function(error){
console.log(error);
});
},
getAxios(){
Axios.get(this.url).then((response) =>{
console.log( response.data.result);
this.list= response.data.result;
console.log( this.list);
}).catch((error)=>{
console.log(error);
})
}
},
}
</script>
<style scoped>
</style>
六请求接口
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 抓取手机网络包 使用场景：测试手机app时，功能出现异常，通常就需要通过截取网络封包来分析、定位问题 前提：手机和...
- 接口演示demo说明 接口的具体说明在这里，大家自己看下，里面说的非常详细了，这里我们就不废话了，地址如下： ht...
- 我们做开发一般都是在PC端，然而我们很多时候需要模拟移动端进行接口请求。 比如，当一个API需要根据用户不同的终端...
- springboot + shiro + jwt登录成功后再请求接口时报错，接口返回401 Unauthorize...
- 在项目新需求中要对页面加载的菊花进行更换为帧动画效果，看代码逻辑后发现一个问题，因为一个页面有很多个接口请求，而且...
