4-2 热卖推荐获取数据出错
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | import axios from 'axios' import { SUCC_CODE, TIMEOUT, HOME_RECOMMEND_PAGE_SIZE, jsonpOptions } from './config' import jsonp from 'assets/js/jsonp' export const getHomeSlider = () => { return axios.get( 'http://www.imooc.com/api/home/slider' , { timeout: TIMEOUT }).then(res => { console.log(res) if (res.data.code === SUCC_CODE) { return res.data.slider; } throw new Error( '没有成功获取数据' ); }). catch (err => { if (err) { console.log(err) } return [{ linkUrl: 'http://www.imooc.com' , picUrl: require( 'assets/img/404.png' ) }] }).then(data => { return new Promise(resolve => { setTimeout(() => { resolve(data) }, 1000) }) }) } export const getHomeRecommend = (page = 1, psize = HOME_RECOMMEND_PAGE_SIZE) => { const url = 'https://ju.taobao.com/json/tg/ajaxGetItemsV2.json' ; const params = { page, psize, type: 0, frontCatId: '' }; return jsonp(url, params, jsonpOptions).then(res => { if (res.code === '200' ) { return res; } throw new Error( '没有成功获取到数据!' ); }). catch (err => { if (err) { console.log(err); } }).then(res => { return new Promise(resolve => { setTimeout(() => { resolve(res); }, 1000); }); }); }; |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <template> <div> homeRecommend </div> </template> <script> import {getHomeRecommend} from 'api/home' ; export default { name: 'HomeRecommend' , data() { return { recommends: [], curPage: 1, tatalPage: 1 } }, created() { this .getRecommend(); }, methods: { getRecommend() { if ( this .curPage > this .totalPage) { return ; } getHomeRecommend( this .curPage).then(data => { if (data) { console.log(data); this .curPage++; this .totalPage = data.totalPage; this .recommends = this .recommends.concat(data.itemList); } }) } } } </script> |
4-2 热卖推荐获取数据出错
7
收起
正在回答 回答被采纳积分+1
2回答
相似问题
登录后可查看更多问答,登录/注册
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧