axios学习

1、axios库的使用

什么是axios?

axios:ajax + i/o + system

axios的作用

主要作用于发送请求的等。

axios是目前前端使用非常广泛的网络请求库,包括Vue作者也是推荐在vue中使用axios

响应、转换请求和响应数据等等;

主要特点包括︰在浏览器中发送XMLHttpRequests请求、在node.js中发送 http请求、

支持Promise API、拦截请求和响应数据等。

2、axios的基本使用(promise)

安装axios

复制代码
npm install axios

使用axios发送get/post请求

javascript 复制代码
/**
         * 使用get请求
         */
        axios({
            url:'http://httpbin.org/get',
            params:{
                name:'kjh',
                age:29
            },
            method:'get'
        }).then(
            res => console.log(res)
        ).catch(
            err => console.error(err)
        )



         /**
         * 使用post请求
         */
        axios({
            url:'http://httpbin.org/post',
            data:{
                name:'123',
                time:'2019-09-09'
            },
            method:'post'
        }).then(
            res => console.log(res)
        ).catch(
            err => console.error(err)
        )
相关推荐
尘中客19 分钟前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_39 分钟前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中1 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007471 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波1 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
ZC跨境爬虫2 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士2 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
Можно3 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app
M ? A3 小时前
解决 VuReact 中 ESLint 规则冲突的完整指南
前端·react.js·前端框架
Jave21084 小时前
实现全局自定义loading指令
前端·vue.js