七. Vue.js整合axios,实现发送请求

本文详细介绍了如何在Vue.js中使用axios发送请求,包括基本安装和配置,以及在实际项目中对axios进行二次封装以实现请求拦截和响应处理。重点讲解了axios作为官方推荐的HTTP客户端在前端开发中的应用。
摘要由CSDN通过智能技术生成

1. Vue.js向服务器发送请求的方式:

Vue.js向服务器发送请求,有很多方式:
(1)XMLHttpRequest:使用原生的XMLHttpRequest构造函数。
(2)fetch:
(3)JQ:引入jquery使用【$.ajax()】
(4)axios:使用axios(项目中常用)
当然,上面的四种方法,我都不懂!!!
这里说一下 Vue.js整合axios,实现发送请求

2. axios

1)vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。
2) axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护。

3. 步骤

(1)普通使用axios的步骤

#1.安装
npm install axios --save            #安装axios

#2.main.js中导入axios
import axios from 'axios'
 
#3.main.js中将axios挂载到Vue原型
Vue.prototype.$axios = axios;
 
#4.页面中使用axios进行网络请求
this.$axios.get/post()

https://blog.csdn.net/qq_39115469/article/details/106313765

(2)对axios进行二次封装情况下的步骤

1)为什么要对axios进行二次封装?

可以配置“请求拦截器”和“响应拦截器”。

  • 请求拦截器:在发请求之前,可以处理一些业务。
  • 响应拦截器:在服务器数据返回后,可以处理一些业务。
2)具体步骤还有例子:

第15集尚品汇
https://www.yuque.com/u22137022/mxlsc1/xc3vqc

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值