问题遇到的现象和发生背景
实现API接口的连接
用代码块功能插入代码,请勿粘贴截图
<template>
<view>
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
<swiper-item v-for="(item,i) in swiperlist" :key="i">
<view class="swiper-item">
<image :src="item.image_src"></image>
</view>
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
//这是轮播图的数据列表
swiperlist: []
};
},
onLoad() {
// 调用方法,获取轮播图的数据
this.getSwiperList()
},
methods: {
async getSwiperList() {
const res = await uni.$http.get('/api/public/v1/home/swiperdata')
console.log(res)
//请求失败
}
}
}
</script>
<style lang="scss">
</style>
运行结果及报错内容
我想要达到的结果
解决那个红色的bug