vue前端API接口封装调用（前后端分离）

已于 2022-03-16 13:51:02 修改
阅读量2.8k 收藏 18
点赞数 6
文章标签： vue
于 2021-11-25 15:11:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45685758/article/details/121537716
版权

接口封装是公司的前辈写好的，然而前不久前辈已经离职了，一直在熟悉画界面的我也没来得及请教封装调用接口，刚好有个功能需要调用新的接口，因为后台接口有一丢丢的小问题，所以需要用到get传参，任务拿到手表示人很懵……
问了公司的大佬才知道封装接口地址调用时：get和post的传参是不同的
在这里插入图片描述

  1. 封装接口的时候get传参需要用params，post传参直接写data就好
  2. get调用的时候写 需要传参的{键值对} 就可以传参成功啦，post调用的时候就是 直接写你要传的参数

在这里插入图片描述
虽然只是一个小小的知识点，但是可以每天进步一点点，一起加油呀！！！

TING沫
关注
  • 6
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python Django 前后端分离 API的方法
09-18
今天小编就为大家分享一篇Python Django 前后端分离 API的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
uni-app，vue3接口请求封装
L_15737525552的博客
01-07 8934
1.在根目录创建一个api文件，在api文件夹中创建api.js，baseUrl.js和http.js文件。2.在src文件夹下创建request文件夹，及index.js和api.js文件。另外，封装的全局方法，上面第五步在main文件中已经引入，5.在main.js文件中引入接口文件。2. baseUrl.js文件代码。3.index.js文件代码。3.http.js文件代码。1.在项目中安装axios。4.api.js文件代码。4.api.js文件代码。
前端项目接口请求封装
qq_45914628的博客
02-02 572
函数封装了一个基本的接口请求逻辑，包括发送请求、处理响应和错误处理等。它接受四个参数：请求的URL、请求方法、请求数据和请求头。5. 在请求实例中定义统一的响应拦截器，可以用于处理接口返回的数据格式、统一处理错误等操作。4. 在请求实例中定义统一的请求拦截器，可以用于设置请求头、处理请求参数等操作。或其他网络请求库，然后创建一个请求实例。7. 在需要发送接口请求的地方，引入。文件，并调用其中的接口请求方法。文件夹，用于存放接口相关文件。文件，用于封装接口请求函数。，用于向外暴露接口请求方法。
Vue+ElementUI实现用户管理前后分离实战二：API接口篇
老徐的博客只有干货
01-11 662
项目介绍 上一篇介绍了前端相关实现代码和效果，本篇则介绍后端接口API如何实现。 ：） 上一篇地址： https://blog.csdn.net/IndexMan/article/details/112480590 项目截图 用到的技术栈 SpringBoot Mybatis-Plus Mysql 实现的API如下 1.登录接口 2.列表接口 3.保存接口 4.删除接口 5.单条查询接口 主要代码 这里主要列一下主要代码片段，完整请看项目源码。 LoginController @RestC
前后端分离简单架构搭建 Vue-Cli 后端接口Api+Swagger(1) -前端
qq_25128693的博客
07-16 1777
前端由于UI 基于ElementUI 所以选择Vue 后端语言是C# 基本的WebApi+Swagger接口文档管理 第一步前端架构的搭建 需要下载nodejs 自行下载 下载vscode及代码自动格式化工具 可根据个人喜好自行搜索 然后现在桌面建立一个空的文件夹 例如Vue 打开 搭建vue cli 基本命令 建议不要npm cnpm混合使用 要么使用npm 要么使用淘宝镜像cnpm n...
vue.cli项目封装全局axios，请求封装，封装公共的api和调用请求
weixin_47316914的博客
10-15 1853
vue.cli项目封装全局axios，封装请求，封装公共的api和调用请求的全过程 正文 1.vue项目的前期配置 新建vue的项目，下载axios ，并且在main.js中导入axios npm i axios -S //main.js import axios from "axios" 2.配置config文件中的带地址 vuecli 3+ 新版本的代理配置 - vue.config.js文件 关于代理配置 devServer: { overlay: { // 让浏览器 o
前端开发：Vue封装通过API调用的组件的方法
软贱开发攻城狮
12-25 2062
在前端开发中，关于Vue的使用相比大家并不陌生，而且Vue框架的优势也是其他框架所不能比的，尤其是Vue的封装思想更是堪称一绝，还有就是组件化的运用实践过程也是亮点。所以关于Vue框架的使用想必看官都不陌生，而且常用的核心技术点就那么点，本文就来分享一下关于通过Vue封装API调用组件的使用，记录一下，方便后期查阅使用。单例模式(Singleton)，也叫单子模式，在软件开发中是一种常用的软件设计模式。
前端vue,如何使用axios实现接口的封装与调用
qq_43680785的博客
03-31 3792
1，安装axios：在项目的控制栏里使用命令 npm install axios 安装axios 2，在src文件下新建一个axios文件 3，在axios文件下创建baseURL.js文件用于管理接口域名、创建api.js用于配置每个接口 4，在baseURL.js文件里面配置我们的域名： import axios from 'axios' const service = axios.create({ baseURL: 'http://192.168.1.133:8080/api/',
vue封装调用接口
精通前端技术，了解后端接口
05-28 304
vue封装调用接口
Vue.js项目API、Router配置拆分实践
weixin_33947521的博客
06-20 112
前后端分离开发方式前端拥有更高的控制权 随着前端框架技术的飞速发展，Router这个概念也被迅速普及到前端项目中，在早期前后的没有分离的时期下，并没有明确的路由概念，前端页面跳转大多是通过后端进行请求转发的，比如在Spring MVC项目中，进行一个页面跳转如下（画红线部分）： 前端需要一个超链接，链接的href=/manager，这样这...
Vue+axios封装请求实现前后端分离
01-22
本文实例为大家分享了Vue+axios封装请求实现前后端分离的具体代码，供大家参考，具体内容如下 前言 我们需要进行前后端分离开发，那么前后端的跨域问题就是无可避免的问题，前后端的请求也是无可避免的，Vue之中有一...
Spring Boot Vue前后端分离开发实战.pdf
04-21
Spring Boot Vue前后端分离开发实战.pdf 上手简单，文档讲述清晰，实在好用。
vue+mock.js实现前后端分离
10-16
主要为大家详细介绍了vue+mock.js实现前后端分离，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Spring Boot+Vue前后端分离，如何避免前端页面 404
01-08
问题倒不难，但是这个问题之前被...但是在前后端分离中，页面的跳转统统交给前端去做，后端只提供数据，这种时候，权限管理不能再按照之前的思路来。 首先要明确一点，前端是展示给用户看的，所有的菜单显示或者隐藏
vue实现的请求服务器端API接口示例
12-11
本文实例讲述了vue实现的请求服务器端API接口。分享给大家供大家参考，具体如下： import axios from 'axios' import router from '@/router' axios.defaults.timeout = 3000 axios.defaults.baseURL = '' axios....
基于matlab实现的数值计算及金融运用 ,金融时间序列数据分析 ,MATLAB和其他软件数据连接.rar
最新发布
05-02
基于matlab实现的数值计算及金融运用 ,金融时间序列数据分析 ,MATLAB和其他软件数据连接.rar
使用SegNet进行语义分割-python源码.zip
05-02
使用SegNet进行语义分割-python源码.zip
JSP企业电子投票系统 2.zip
05-02
JSP企业电子投票系统 2
springboot vue前后端分离的调用过程
06-07
Spring Boot和Vue.js的前后端分离的调用过程大致如下： 1. Vue.js前端向Spring Boot后端发送HTTP请求。 2. Spring Boot后端接收到请求后，通过控制器（Controller）处理请求。 3. 控制器处理请求后，可以调用业务...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值