老衲as用飘柔 2022-10-10 11:39 采纳率: 100%
浏览 182
已结题

uni-app接口封装调用失败

接口

http://leju.bufan.cloud/lejuClient/brand/findBrandsByPage/{start}/{limit}

封装的接口

import request from "@/api/index.js"
// 1.精选文章接口
function findArticleByPage(start, limit) {
    return request({
        url: `/lejuClient/product/findProductList/${start}/${limit}`,
    })
}
export {
    findArticleByPage,
}

封装接口之后出现的报错

img

页面调用

<template>
    <view class="pages">
        <view class="title">
            <view class="e_title" v-for="(item,index) in list1" :key="index" @click.stop="e_click(index)">
                <view :class="num === index ? 'title_fw_big' : 'title_color'">{{item}}</view>
            </view>
        </view>
        <view class="content" v-if="num == 0">内容1</view>
        <view class="content" v-if="num == 1">内容2</view>
    </view>
</template>
<script>
    import {
        findArticleByPage
    } from "@/api/find/index.js"
    export default {
        data() {
            return {
                list1: ['精选文章', '品牌列表'],
                num: 0,
                start: 1,
                limit: 10,
            };
        },
        onLoad(options) {
            findArticleByPage(this.start, this.limit)
                .then(res => {
                    console.log("精选文章", res);
                })
        },
        methods: {
            e_click(index) {
                this.num = index;
            },
        }
    };
</script>

<style lang="scss" scoped>
    @import 'find.scss'
</style>
<style scoped>
    // .pages {
    //     width: 100%;
    //     height: 100vh;
    //     background-color: #F0F0F0;
    // }
    .title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80rpx;
        background-color: #354e44;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .e_title {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 15rpx;
    }

    .title_color {
        font-size: 30rpx;
        color: #fff;
    }

    .title_fw_big {
        font-size: 30rpx;
        color: #fff;
        border-bottom: 1rpx solid #fff;
    }

    .content {
        margin-top: 80rpx;
        width: 100%;
        // height: calc(100vh - 80rpx);
    }
</style>

大家给看看我封装接口部分有问题吗?调用接口之后控制台出现报错

  • 写回答

3条回答 默认 最新

  • 飞鱼爱吃米 2022-10-10 13:07
    关注

    你给大伙看看你封装的request

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月19日
  • 已采纳回答 10月11日
  • 创建了问题 10月10日

悬赏问题

  • ¥15 联想笔记本开机出现系统更新界面
  • ¥15 各位帮帮我 我不想重做系统
  • ¥30 微信小程序蓝牙数据透传
  • ¥15 加氢站氢负荷数据集来源
  • ¥15 umi接入sentry遇到问题
  • ¥15 HBuilderX打包H5网页,扫码模块无法使用
  • ¥15 Javascript跳转页面后,无法执行后面代码,如何解决?
  • ¥15 echarts绘制图表
  • ¥15 请教两个关于高德地图定位不准的技术问题
  • ¥15 根据企业名称 对照两个文件 样本筛选/匹配