18年,51cto老师录视频- Vue.js前端开发基础与项目实战的接口,不能用了

本文主要是介绍18年,51cto老师录视频- Vue.js前端开发基础与项目实战的接口,不能用了,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

18年,51cto老师录视频的接口,不能用了
获取商品列表
http://api.mm2018.com:8090/api/goods/home

23年,51cto老师录视频的接口,和老师新要的
获取商品列表
http://api.mm2018.com:8095/api/goods/home

请求无参:

响应:apifox  mock 用到的

{"success": true,"message": "success","code": 200,"timestamp": 1573523295692,"result": [{"id": 7,"name": "轮播图","type": 0,"contents": [{"id": 1,"type": 0,"picUrl": "http://api.mm2018.com/images/banner_a.jpg"},{"id": 2,"type": 0,"picUrl": "http://api.mm2018.com/images/banner_b.jpg"}]},{"id": 8,"name": "广告","type": 1,"contents": [{"id": 25,"picUrl": "http://api.mm2018.com/images/ad_a.jpg"},{"id": 26,"picUrl": "http://api.mm2018.com/images/ad_b.jpg"},{"id": 27,"picUrl": "http://api.mm2018.com/images/ad_c.jpg"}]},{"id": 1,"name": "商家推荐","type": 2,"contents": [{"id": 22,"type": 0,"productId": 150635087972564,"picUrl": "http://api.mm2018.com/images/tuijian_a.jpg","salePrice": 16,"productName": "原味瓜子"},{"id": 23,"type": 0,"productId": 150642571432835,"picUrl": "http://api.mm2018.com/images/tuijian_b.jpg","salePrice": 16,"productName": "五香瓜子"},{"id": 24,"type": 0,"productId": 150642571432836,"picUrl": "http://api.mm2018.com/images/tuijian_a.jpg","salePrice": 16,"productName": "焦糖瓜子"}]},{"id": 2,"name": "西瓜子","type": 3,"contents": [{"id": 29,"type": 2,"productId": 150642571432843,"picUrl": "http://api.mm2018.com/images/x_a.jpg","salePrice": 14,"productName": "西瓜子1"},{"id": 8,"type": 0,"productId": 150642571432837,"picUrl": "http://api.mm2018.com/images/x_b.jpg","salePrice": 49,"productName": "西瓜子2"},{"id": 9,"type": 0,"productId": 150642571432838,"picUrl": "http://api.mm2018.com/images/x_c.jpg","salePrice": 29,"productName": "西瓜子3"},{"id": 14,"type": 0,"productId": 150642571432839,"picUrl": "http://api.mm2018.com/images/x_d.jpg","salePrice": 19,"productName": "西瓜子4"},{"id": 15,"type": 0,"productId": 150642571432840,"picUrl": "http://api.mm2018.com/images/x_e.jpg","salePrice": 59,"productName": "西瓜子5"}]},{"id": 10,"name": "原味瓜子","type": 3,"contents": [{"id": 40,"type": 2,"picUrl": "http://api.mm2018.com/images/y_a.jpg","salePrice": 15,"productName": "原味1"},{"id": 41,"type": 0,"productId": 150642571432845,"picUrl": "http://api.mm2018.com/images/y_b.jpg","salePrice": 9,"productName": "原味2"},{"id": 42,"type": 0,"productId": 150642571432836,"picUrl": "http://api.mm2018.com/images/y_c.jpg","salePrice": 19,"productName": "原味3"},{"id": 43,"type": 0,"productId": 150642571432846,"picUrl": "http://api.mm2018.com/images/y_d.jpg","salePrice": 49,"productName": "原味4"},{"id": 44,"type": 0,"productId": 150642571432848,"picUrl": "http://api.mm2018.com/images/y_e.jpg","salePrice": 55,"productName": "原味5"}]},{"id": 3,"name": "五香瓜子","type": 3,"contents": [{"id": 30,"type": 2,"productId": 150642571432850,"picUrl": "http://api.mm2018.com/images/w_a.jpg","salePrice": 11,"productName": "五香1"},{"id": 2,"type": 0,"productId": 150642571432851,"picUrl": "http://api.mm2018.com/images/w_b.jpg","salePrice": 12,"productName": "五香2"},{"id": 7,"type": 0,"productId": 816448,"picUrl": "http://api.mm2018.com/images/w_c.jpg","salePrice": 22,"productName": "五香3"},{"id": 18,"type": 0,"productId": 847276,"picUrl": "http://api.mm2018.com/images/w_d.jpg","salePrice": 12,"productName": "五香4"},{"id": 19,"type": 0,"productId": 150642571432844,"picUrl": "http://api.mm2018.com/images/w_e.jpg","salePrice": 45,"productName": "五香5"}]},{"id": 9,"name": "广告2","type": 1,"contents": [{"id": 65,"picUrl": "http://api.mm2018.com/images/ad_a.jpg"},{"id": 37,"picUrl": "http://api.mm2018.com/images/ad_b.jpg"},{"id": 38,"picUrl": "http://api.mm2018.com/images/ad_c.jpg"}]}]
}

这篇关于18年,51cto老师录视频- Vue.js前端开发基础与项目实战的接口,不能用了的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/392

相关文章

Java实战之利用POI生成Excel图表

《Java实战之利用POI生成Excel图表》ApachePOI是Java生态中处理Office文档的核心工具,这篇文章主要为大家详细介绍了如何在Excel中创建折线图,柱状图,饼图等常见图表,需要的... 目录一、环境配置与依赖管理二、数据源准备与工作表构建三、图表生成核心步骤1. 折线图(Line Ch

Java使用Tesseract-OCR实战教程

《Java使用Tesseract-OCR实战教程》本文介绍了如何在Java中使用Tesseract-OCR进行文本提取,包括Tesseract-OCR的安装、中文训练库的配置、依赖库的引入以及具体的代... 目录Java使用Tesseract-OCRTesseract-OCR安装配置中文训练库引入依赖代码实

Vue3中的动态组件详解

《Vue3中的动态组件详解》本文介绍了Vue3中的动态组件,通过`component:is=动态组件名或组件对象/component`来实现根据条件动态渲染不同的组件,此外,还提到了使用`markRa... 目录vue3动态组件动态组件的基本使用第一种写法第二种写法性能优化解决方法总结Vue3动态组件动态

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

golang内存对齐的项目实践

《golang内存对齐的项目实践》本文主要介绍了golang内存对齐的项目实践,内存对齐不仅有助于提高内存访问效率,还确保了与硬件接口的兼容性,是Go语言编程中不可忽视的重要优化手段,下面就来介绍一下... 目录一、结构体中的字段顺序与内存对齐二、内存对齐的原理与规则三、调整结构体字段顺序优化内存对齐四、内

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点: