Vue前端框架学习(三):使用axios进行数据请求

本文介绍了axios作为HTTP库在Vue项目中的应用,包括axios的基本特性、安装步骤和如何使用axios进行post及get方式的数据请求。通过示例展示了在注册场景中使用axios的post方法以及携带参数的get请求。
摘要由CSDN通过智能技术生成

Vue前端框架学习(三):使用axios进行数据请求

axios的简介

axios是一个基于promise的HTTP库,用于数据请求。它有一下特性:

  • 支持promise API
  • 拦截请求和响应
  • 转换请求数据和响应数据
  • 取消请求
  • 自动转换JSON数据
  • 客户端支持防御XSRF

由于现在官方已经不再更新vue-resource库,我们改为用axios进行数据请求。

axios的安装

可参考axios中文网:http://www.axios-js.com/zh-cn/

在前面的教程中,已经使用vue-cli创建了vue项目,接下来在项目根目录下,我们可以选择安装axios,也可以选择安装基于vuejs轻度封装的vue-axios,我选择安装vue-axios:

npm install --save axios vue-axios

然后再项目的main.js文件内,按以下顺序引入axios:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

axios的使用

post方式

一下是在注册中使用axios进行数据请求,请求

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值