首页 > 其他分享 >封装的axios请求

封装的axios请求

时间:2023-08-02 17:14:33浏览次数:31  
标签:function axios 封装 请求 url return parameter method

axios实例常用配置

let reques t= axios.create({

baseURL:'http://localhost:8080', //请求的域名,基本地址

timeout:5000, //请求的超时时长,单位毫秒

url:'/data.json', //请求的路径

method:'get,post,put,patch,delete' ,//请求方法

headers:{ token:'' //比如token登录鉴权,请求的时候携带token,让后端识别登录人的信息 }, //请求头

params:{}, //请求参数拼接在URL上

data:{}, //请求参数放在请求体里

})

 

封装的方法

 

/ post export function postAction(url, parameter) {   return request({     url: url,     method: 'post',     data: parameter,   }) } //put export function putAction(url, parameter) {   return request({     url: url,     method: 'put',     data: parameter   }) }
//get  function getAction(url, parameter) {   return request({     url: url,     method: 'get',     params: parameter   }) }
//delete  function deleteAction(url, parameter) {   return request({     url: url,     method: 'delete',     params: parameter   }) }

 

标签:function,axios,封装,请求,url,return,parameter,method
From: https://www.cnblogs.com/fenfen201510/p/17601157.html

相关文章

  • 请求头详解——Headers
    请求头定义:客户端,即浏览器通过输入url后确定等于做了一次向服务器的请求动作,在这个请求里面带有请求参数,请求参数的集合即为请求头。请求头的参数(常用的):Accept:浏览器可接收的文件类型Accept-Charset:浏览器可以接收的编码类型Accept-Encoding:浏览器可以接收的压缩编码类型Ac......
  • js 发起get请求
      leta=document.createElement('img');a.src='/_xxxxxx=1&e=0.5609369440726193'在浏览器中,当创建一个图片元素并设置src属性时,浏览器会根据该路径发送一个HTTP请求,请求该路径对应的资源文件。这个资源文件可以是一张图片、一个音频文件、一个视频文件或者其他可以......
  • vue中使用axios发送请求时在header中设置请求头发现请求发送两次
    问题:vueaxios跨域请求,在RequestHeaders加Authorization传递Token时,发现统一请求触发了两次,第一次是RequestMethod:OPTIONS请求。原因:跨域请求时,浏览器会首先使用OPTIONS方法发起一个预请求,判断接口是否能够正常通讯。如果通讯异常,则不会发送真正的请求,如果测试通讯正常,则开......
  • antd upload vue3 取消请求,取消进行中的接口请求
    在使用antdupload组件时,大文件上传等待时长太久,在上传过程中想取消上传,即取消进行中的接口请求。不解释,上代码:importaxiosfrom'axios';<a-uploadv-model:file-list="fileList"name="file":multiple="true":action=......
  • flask as_view源码,请求响应,cookie,session
    1CBV1cbv写法 -1写个类,继承MethodView-2在类中写跟请求方式同名的方法-3注册路由:app.add_url_rule('/home',view_func=Home.as_view('home'))#home是endpoint,就是路由别名2cbv加装饰器 -方式一: classHome(MethodView): decorators=[auth]#......
  • 处理API请求并行问题
    背景:我们有一个导出全部数据的功能,因为各种原因,可能需要同时发送10几条请求来获取数据遇到的问题:因为浏览器http/1.1最多同时进行6个请求,所以会阻塞用户的其他操作打个比喻:之前我们是一个赛道,可以上6个任意国家的运动员,第七个人想上去就得排队现在改为了两个赛......
  • 封装性
    高内聚,低耦合高内聚:类的内部数据操作细节自己完成,不允许外部干涉低耦合:仅对外暴露少量的方法用于使用封装性隐藏对象内部的复杂性,只对外暴露一个简单的接口(API),便于外界调用,从而提高系统的可扩展性、可维护性体现:将类的属性私有化,并提供公共的方法来获取和设置该属性的值......
  • http请求
    http示例API代码Code从网络获取数据1 概述日常生活中我们使用应用程序看新闻、发送消息等,都需要连接到互联网,从服务端获取数据。例如,新闻应用可以从新闻服务器中获取最新的热点新闻,从而给用户打造更加丰富、更加实用的体验。那么要实现这样一种能实时从服务端获取数......
  • 使用 Axios 进行 HTTP GET 请求的详尽指南
    在进行网络请求时,axios 是一个非常常用的请求库。本文将介绍如何使用axios发起GET请求,并详细列出传参的几种写法。同时会提供一个实践案例,其中包含基本路由与请求处理的过程,并确保在IDE编辑器中可以顺利运行。什么是axios的GET请求?在开始之前,让我们简要了解一下axios......
  • System.Web.HttpException:“超过了最大请求长度。”
    BUG:前端想后端发送坐标数组,控制器出现了如下报错: Answer:该错误提示表明你的HTTP请求超过了服务器允许的最大请求长度。这是为了防止恶意攻击或意外的大型请求对服务器造成压力。为了解决这个问题,你可以尝试以下几种方法:增加服务器的最大请求长度:你可以在服务器的配置中......