加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue axios数据请求及vue中使用axios的方法

发布时间:2020-12-16 23:36:46 所属栏目:百科 来源:网络整理
导读:axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: --------------------------------------------------------------------------------从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise

axios 简介

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:

-------------------------------------------------------------------------------- •从浏览器中创建 XMLHttpRequest •从 node.js 发出 http 请求 •支持 Promise API •拦截请求和响应 •转换请求和响应数据 •取消请求 •自动转换JSON数据 •客户端支持防止 CSRF/XSRF

在vue中数据请求需要先安装axios

npm i --save axios

我们在使用请求数据的页面导入axios

import axios from "axios"

然后在methods里面写数据的请求

{ //console.log(res) this.list1 = res }) }

在生命周期调用一下,一般我们数据请求使用的生命周期是Mounted

这样我们就完成了axios的get方法请求

然后我们简答的说一说post请求,post请求与get请求其实变得不多

{ console.log(res) }) }

这样我们就可以成功的使用post方法请求数据了

补充:下面看下vue中使用axios

1.安装axios

npm:

$ npm install axios -S

cdn: