怎样才能获取到数据。老是报错

怎样才能获取到数据。老是报错

product > slider.vue

<template>
	<me-loading v-if="!sliders.length"/>
	<me-slider
		:data="sliders"
		:direction="direction"
		:loop="loop"
		:interval="interval"
		:pagination="pagination"
		v-else
	>
		<swiper-slide
		    v-for="(item, index) in sliders"
		    :key="index"
		>
			<a :href="item.linkUrl" alt="" class='slider-link'>
				<img :src="item.picUrl" alt="" class='slider-img'>
			</a>
		</swiper-slide>
	</me-slider>
	
</template>

<script>
	import MeSlider from 'base/slider';
	import {swiperSlide} from 'vue-awesome-swiper';
	import {getProductDetail,getGoodsDetails} from 'api/product';
	import MeLoading from 'base/loading';
	// import {sliderOptions} from './config';
	
	
	export default{
		name: 'HomeSlider',
		components: {
			MeSlider,
			MeLoading,
			swiperSlide
		},
		data(){
			return{
				direction: "horizontal",
				loop: true,
				interval: 0,
				pagination:true,
				sliders: []
			}
		},
		created() {
// 		  this.getSliders();
// 		  this.getRecommend()
		  // getGoodsDetails(this.$route.params.id)
		  getGoodsDetails(594415289458)
		},
		methods:{
			update() {
			  return this.getSliders();
			},
			getproduct(){
				return getGoodsDetails().then(data=>{
					console.log(data)
				})
			}
		}
	};
</script>

<style>
	.slider-wapper {
	  width: 100%;
	  height: 183px;
	}
	
	.slider-link {
	  display: block;
	}
	
	.slider-link,
	.slider-img {
	  overflow: hidden;
	  width: 100%;
	  height: 100%;
	}
</style>


api > product.js

import jsonp from 'jsonp'
import {jsonpOptions} from './config'

export const getGoodsDetails = (id) => {
  const url = 'https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/';
  const params = {
    api: 'mtop.taobao.detail.getdetail',
    ttid: '2017@40taobao_h5_6.6.0',
    data:  `{"itemNumId":"${id}"}`,
    appkey: '12574478',
    dataType: 'jsonp',
    type: 'jsonp',
    v: '6.0'
  };
  console.log(url)
  return jsonp(url, params,jsonpOptions).then(res=>{
	console.log(res)
	console.log(url)
  })
}


正在回答

登陆购买课程后可参与讨论,去登陆

4回答

你好,可以不传固定的id值,点击商品传入相应的id:

http://img1.sycdn.imooc.com//climg/5cede4b00001338706700202.jpg

测试出来是有结果的:

http://img1.sycdn.imooc.com//climg/5cede4d10001f02805940196.jpg

可以重新启动项目试一下。

祝学习愉快!

提问者 _YI__ 2019-05-28 22:39:45
好帮手慕星星 2019-05-28 19:17:04

你好,报错信息是jsonp位置使用then不可以,可以看一下封装的jsonp.js文件位置是否引入对了,这边在视频源码中进行测试是没有问题的,视频源码中的位置是:

http://img1.sycdn.imooc.com//climg/5ced18ab0001177d05550042.jpg

祝学习愉快!

  • 提问者 _YI__ #1
    我把位置给调好了但是,还是没有数据出来,等了一下,出现超时的错误
    2019-05-28 22:38:47
提问者 _YI__ 2019-05-28 18:19:54

错误代码http://img1.sycdn.imooc.com//climg/5ced0b460001f36e09810227.jpg

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师