4-2 热卖推荐获取数据出错
来源:4-2 热卖推荐--从服务器端获取数据
Sawyer96
2019-07-09 20:30:30
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 热卖推荐获取数据出错
2回答
慕妹3422169
2019-08-01
我也和你一样,后来解决了吗
好帮手慕言
2019-07-10
同学你好,老师使用同学提供的代码是可以请求到数据的。
建议同学清除一下缓存,重新启动项目测试一下,祝学习愉快~
相似问题