TP 项目分析/数据表创建/axios使用/商城首页接口(六)

发布于：2022-05-19 12:31:32  栏目：技术文档

安装axios

#安装axios
npm i axios -S
request.js
baseURL: "http://tpmall.com/index.php/api"
index.js
import { request } from "./request.js";
export function homeindex() {
    return request({
        url: "/Api",
    })
}
index.vue
let mydata = reactive({
            ads : [],
            goods:[],
        });
    homeindex().then(res=>{
            mydata.ads = res.data.ads;
            mydata.goods = res.data.goods;
            console.log(mydata);
        });
        return {
            mydata,
            swiper_options,
        };
<swiper-slide v-for="(item,key) in mydata.ads" :key="key">
<a :href="item.url" target="_blank"><img :src="item.pic" alt="" /></a>
</swiper-slide>

相关推荐