4-2 热卖推荐获取数据出错
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); }); }); };
<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积分~
来为老师/同学的回答评分吧
0 星