axios基础使用

本文介绍了axios的基础使用,包括其定义、特点、在Vue项目的全局挂载方式,以及RESTful API的应用。axios是一个适用于前后端的HTTP库,支持Promise,易于拦截和扩展。文章详细讲解了axios的安装、在Vue中全局注册、基础方法如GET、POST、PUT、DELETE的使用,以及RESTful接口设计原则。
摘要由CSDN通过智能技术生成

axios定义和特点


定义:一款axios请求工具。Axios是一个基于promise的HTTP库,类似于jQuery的ajax,用于http请求。可以应用于浏览器端和node.js,既可以用于客户端,也可以用于node.js编写的服务端。

特点:

前后端都可以使用  不依赖dom  拦截扩展强调  可封装复用性强


安装


1、cd到项目目录
2、npm i axios -S

在vue全局挂载


01导入main.js(没有./)        import axios from 'axios'
02挂载到vue全局(原型上),每个组件都能使用       vue.prototype.$axios = axios;
03使用        this.$axios.xxx


基础方法:

axios({
  url,//请求的地址
  method,//    请求方法 get,post,put,delete
  data,//post请求的数据
  params,//get请求的数据
  headers,//请求头配置
})


便捷方法:

post(url,data,config)
 
get(url,config)
//get传递参数给后端
//参数名=参数值&参数名2=参数值2
//current=2


 
.delete(ur

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值