Day03-尚品汇-API接口统一管理

最新推荐文章于 2023-02-24 14:27:54 发布
最新推荐文章于 2023-02-24 14:27:54 发布
阅读量441 收藏 2
点赞数 1
分类专栏： 实战 尚品汇 文章标签： 尚品汇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59110215/article/details/127257135
版权

1.在api文件夹里面建一个 index.js   ------//当前这个模块：API进行统一管理

1》完整写法

 

2》简写方法

 1---1》----2》的效果图

 

2.解决问题：

1》在vue.config.js里面配置一个代理服务器

2》配置文件需要重启一下运行。  成功了

 

 

 

好好学习，非常重要的
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
尚品汇page.html
09-15
尚品汇页面html布局
尚品汇api（后台）接口文档
最新发布
薛定谔的猫
05-02 1544
"skuDesc": "主体\n入网型号\nA2223\n品牌\nApple\n产品名称\niPhone 11\n上市年份\n2019年\n上市月份\n9月\n基本信息\n机身颜色\n红色\n机身长度（mm）\n150.9\n机身重量（g）\n194\n机身材质工艺\n以官网信息为准\n机身宽度（mm）\n75.7\n机身材质分类\n玻璃后盖\n机身厚度（mm）\n8.3\n运营商标志或内容\n无","props": ["1:1700-2799:价格", "2:6.65-6.74英寸:屏幕尺寸"],
Vue项目--尚品汇（axios重写，代理服务器、API统一管理）
qq_36582776的博客
12-26 614
1.重写axios src文件夹下创建api文件夹，api文件夹里的request.js文件写如下内容： //对axios进行二次封装 //需要用到原生axios的请求和相应拦截器 import axios from 'axios' //1:利用axios对象的方法create，去创建一个axios实例 // 2: request就是axios，只不过稍微配置一下 const requester = axios.create({ //基础路径,发请求的时候，路径当中会出现api b
Day02-尚品汇-POSTMAN工具测试接口
qq_59110215的博客
10-11 220
卷
鉴于尚品汇的/api/list的接口经常挂，特意写了mock数据
m0_50977028的博客
06-14 1096
尚品汇 /api/list数据
基于Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术开发的网上购物商城--尚品汇项目
08-11
1)此项目为在线电商Web App (SPA) 2)包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子...3)使用Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术 4)采用模块化、组件化、工程化的模式开发
vue大型电商项目尚品汇（后台篇）day03.doc
07-13
本文档主要讲述了 Vue 大型电商项目尚品汇（后台篇）day03 的开发过程，涵盖了平台属性管理、动态展示数据、添加与修改属性、收集平台属性、返回按钮数据回显问题、修改属性操作、查看模式与修改模式切换等多个方面...
vue大型电商项目尚品汇（前台篇）day02.doc
07-09
Vue 大型电商项目尚品汇（前台篇）day02 本文是对 Vue 大型电商项目尚品汇（前台篇）day02 的总结，主要涵盖了 Vue 项目中的技术要点。 一、重写 push/replace 方法 在 Vue 项目中，我们需要重写 push/replace ...
vue大型电商项目尚品汇（后台篇）day02.doc
07-13
在这个"vue大型电商项目尚品汇（后台篇）day02"中，我们主要关注的是后台功能的开发，涉及到Vue组件、表单处理、接口交互、数据绑定、表单验证以及组件通信等多个知识点。 1. **组件使用**： - **Dialog 对话框**...
vue大型电商项目尚品汇（后台篇）day04.doc
07-09
在这个大型电商项目尚品汇的后台篇中，我们关注的是SPU（Standard Product Unit，标准产品单元）管理界面的开发。SPU在电商系统中代表一类商品的抽象概念，而SKU（Stock Keeping Unit，库存量单位）则是个体商品实例...
最新版本vue3+vite重构尚品汇（解决接口问题）第1-20集
returnadsss的博客
02-24 754
最新版本vue3+vite重构尚品汇（解决接口问题）
项目笔记23（尚品汇）
Revin的博客
03-23 1754
文章目录购物车操作发送请求根据请求成功与否决定是否进行路由跳转注册添加到购物车页面的路由判断是否跳转将详情页的信息带给添加到购物车路由并替换数据购物车静态组件与添加到购物车组件修改uuid游客身份获取购物车数据购物车动态展示数据动态展示数据![在这里插入图片描述](https://img-blog.csdnimg.cn/078efc98ccb84fb4b199ec4945d49e20.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_5
【Vue】我的尚品汇项目笔记---20230109~20230120
Season CSDN博客
01-23 2051
014之前可参考官方笔记 https://blog.csdn.net/weixin_43424325/article/details/121684101 015-axios二次封装 api/index.js 设定 //当前模块，API进行统一管理，即对请求接口统一管理 import requests from "@/api/request"; //首页三级分类接口 export const reqgetCategoryList = () => { return requests({
2.2尚品汇 day12 async await 不使用store，统一引入API(类似全局总线)
m0_56356342的博客
02-04 526
怎么解决: 每一个组件都在mounted里面发起获取用户信息，进行展示（可以太麻烦） 残留的问题：用户在home模块刷新的时候，用户信息一直在展示（mounted执行的时候在向服务器发请求、获取用户信息展示）1.1:为什么刷新页面，用户信息就消失 用户刷新页面，用户信息消失没了获取不到，因为token没有携带给服务器。1.2登录业务 当你点击登录按钮的时候，需要把手机号、密码需要携带给服务器，服务器需要判断，你是不是我的用户【注册过的】 如果是用户登录成功，进行登录，如果用户登录失败给一个提示即可。
项目笔记5（尚品汇）
Revin的博客
03-13 2001
文章目录axios二次封装axios安装基本配置请求拦截器响应拦截器 axios二次封装 axios安装 npm install --save axios 基本配置 首先在src文件夹下创建api文件夹，同时在api文件夹内建立request.js文件。 import引入axios。然后对axios进行简单配置 配置如下所示。基本路径配置好之后，以后就无需自己输入/api、当请求超过5秒，代表请求失败。 请求拦截器 请求拦截器：再发请求前，请求拦截器可以检测到。可以实现一些功能 具体代码如下所示
项目笔记30（尚品汇）
Revin的博客
03-26 3246
文章目录支付界面静态组件提交订单的数据书写提交订单的接口数据存储（不用vuex的写法）展示支付信息使用ElementUI安装element UI安装 babel-plugin-component修改babel.config文件修改弹窗为二维码安装qrcode组件中引入qrcode使用qrcode支付逻辑 支付界面 静态组件 首先和之前的静态组件一样，首先将之前写好的静态组件导入到项目中。 存好之后配置pay的路由。 由于配置的太多次，在此直接展示代码。 页面成功导入，效果如下所示 由于静态页面已经搭建完
尚品汇项目笔记
drhrht的博客
03-02 699
尚品汇项目笔记 前端Vue核心 1、vue文件目录分析 2、项目配置 3、组件页面样式 4、清除vue页面默认的样式 5、pages文件夹 6、footer组件显示与隐藏 7、路由传参 8、多次执行相同的push问题 9、定义全局组件 10、代码改变时实现页面自动刷新 11、Home首页其它组件 12、封装axios 13、前端通过代理解决跨域问题 14、请求接口统一封装 15、nprogress进度条插件 16、手动引入vuex 17、async await使用 18、vuex（*****） 19、lo
Vue项目实战-尚品汇--search模块开发（五）
cxd_dxc的博客
01-09 522
内部40-46小结，包括search模块开发，拆分静态页面，发送请求api，动态获取数据并展示
尚品汇小结（22-51）
m0_50935193的博客
02-21 459
防抖和节流 防抖（比如用户在input中输入关键字，oninput会打印出你输入时的每一次） let inp = document.querySelector('input') inp.oninput = function(){ console.log(this.value) } 节流（比如用户拖动滚动条时，你console.log的时候会一直打印） const content = document.getElementById('content') window.onscro
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值