Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >axios封装

axios封装

作者头像
Wyc
发布于 2023-08-16 00:49:08
发布于 2023-08-16 00:49:08
21000
代码可运行
举报
文章被收录于专栏:Python研发Python研发
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import axios from 'axios';

const http_url = "https://xxx.xxx.com"

// get请求
export function getRequest(url, sendData) {
    return new Promise((resolve, reject) => {
        axios.get(http_url + url, {params: sendData}).then(res => {
            resolve(res.data);
        }).catch(error => {
            reject(error);
        })
    })
}

// post请求
export function postRequest(url, sendData) {
    return new Promise((resolve, reject) => {
        axios.post(http_url + url, sendData).then(res => {
            resolve(res.data);
        }).catch(error => {
            reject(error);
        })
    })
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-08-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
axios
axios 是 Vue 推荐的一款基于 Promise 的 AJAX 组件。所以我们在使用 Vue 进行项目开发时一般都使用这个库来执行 AJAX 请求。 发送请求 axios.get(url[,config]):发送GET请求 axios.post(url,data):发送POST请求 axios.put(url,data[,config]):发送PUT请求 axios.delete(url[,config]):发送DELETE请求 axios.options(url[,config]):发送OPT
一个淡定的打工菜鸟
2018/09/06
1.7K0
面试官:Vue项目中有封装过axios吗?怎么封装的?
基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选
@超人
2021/02/26
2.2K0
uniapp 封装请求
老K博客
2024/04/26
5950
uniapp 封装请求
易扩展,易复用,封装axios
axios是近几年比较火的一个前端库,完美代替了jquery中的ajax,它不仅可以运行在浏览器也可以运行在nodejs环境下,而且支持Promise API 可以拦截请求,和返回.而且天生防XSRF
拿我格子衫来
2022/01/24
1.1K0
axios封装
訾博ZiBo
2025/01/06
1560
【收藏干货】axios配置大全
//当实例创建时候修改配置 instance.defaults.headers.common["Authorization"] = AUTH_TOKEN; 3、 配置中的有优先级
super.x
2019/04/12
1.2K0
Axios的封装思想及实践(TS版本)
原生的拦截器位于axiosInstance实例中,使用方法是(来源官网:拦截器 | Axios 中文文档 (axios-http.cn))
玖柒的小窝
2021/10/26
2.7K0
Axios的封装思想及实践(TS版本)
Vue3中使用axios
axios是一个基于Promise的HTTP请求库,它可以在浏览器和Node.js中使用。axios的功能非常请打,支持Promise API、可以拦截请求和响应、可以转换请求和响应数据、支持取消请求、可以自动转换JSON数据等。
九仞山
2023/10/14
2.1K0
Vue3中使用axios
vue中Axios的封装和API接口的管理
回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。
Nealyang
2019/09/29
3.9K0
vue中Axios的封装和API接口的管理
【Vue3+TypeScript】CRM系统项目搭建之 — Axiox 网络请求封装
使用 vue 开发时,频繁使用到了 axios 这个网络请求库,这里对其做一个发起请求时携带参数方式的小结。
HelloWorldZ
2024/03/20
3230
【Vue3+TypeScript】CRM系统项目搭建之 — Axiox 网络请求封装
4.新建vue项目newpc
在想要存放项目的目录下,按住shift键+鼠标右键,选择【在此处打开命令窗口】,打开cmd命令行窗口
玩蛇的胖纸
2020/06/12
5110
axios请求二次封装,兼容typescript
适合初学者配置使用,只封装了get和post其他类似patch、put和axios.all()的方法得自己动手了,如果遇到项目有多个baseURL的这套封装就显得很不灵活,但一般是不会遇到的,这套简单的封装总的来说够用了,且非常实用。 新建https.ts复制下面代码进去引用即可,如果是js版本的把url:any, param:any后面的:any去掉。 import axios from 'axios' import qs from 'qs' axios.defaults.timeout = 5000;
骤雨重山
2022/01/17
8760
一篇文章带你了解axios网络交互-Vue
什么是axios呢?了解,并去使用它,对于axios发送请求的两种方式有何了解,以及涉及axios跨域问题如何解决。
达达前端
2019/12/24
1.1K0
一篇文章带你了解axios网络交互-Vue
react 封装 请求拦截器
世间万物皆对象
2024/03/20
3040
axios详解以及完整封装方法
Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。
HelloWorldZ
2024/03/20
12.6K0
Axios基本使用
Axios Axios 是一个基于promise的HTTP库,可以用在浏览器和node.js中。
ZEHAN
2020/10/29
2K0
一、Axios基础
参考文档:http://www.axios-js.com/zh-cn/docs/ axios库基本概念 它是一个类库,基于promise管理的Ajax库 关于get、post方法的参数 url 第一个参数,请求的url地址 options 对象。 get方法 axios.get('https://v1.hitokoto.cn/', { params: { c: "b" } }).then(function (res) { console.log(res); })
Dreamy.TZK
2020/08/25
1.7K0
二次封装axios
二次封装axios 根据我自己喜好进行轻量封装。 import axios from 'axios'; import { Notify } from 'vant'; axios.defaults.timeout = 5000 axios.defaults.baseURL = process.env.VUE_APP_BASE_API axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charse
4O4
2022/04/25
3410
Vue学习-axios
以下的axios网络请求的代码都在Vue项目src文件夹下的main.js中完成。
花猪
2022/02/17
9680
Vue学习-axios
如何在Vue项目中封装axios
axios 是一个基于 XMLHttpRequest 的轻量级HTTP客户端,适用于浏览器和Node.js环境。它提供以下特性:
全栈若城
2024/10/13
3110
相关推荐
axios
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验