vue-axios异步请求

简介: vue-axios异步请求

axios概述

axios是一个基于 promise 的 HTTP 库, 主要用于:发送异步请求获取数据。

常见的方法:

axios(config)

axios.get(url, [config])

axios.post(url, [data])

发送数据config常用参数:

{
    url: '请求的服务器',
    method: '请求方式', // 默认是 get
    // GET请求参数
    params: {
        参数名: 参数值
    },
    // POST请求参数, 如果使用axios.post,则参数在url之后直接书写,不需要该位置传递参数
    data: {
        参数名: 参数值
    },
    // 响应数据格式,默认json
    responseType: 'json'
}

响应数据常用参数:

{
    data: {},        //真正的响应数据(响应体)
    status: 200,    //响应状态码
    statusText: 'OK',     //响应状态描述
    headers: {},    //响应头
    config: {}        //其他配置信息
}
相关文章
|
2月前
|
XML 前端开发 JavaScript
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
|
3月前
|
存储 JSON 自然语言处理
SSMP整合案例交互之在idea中利用vue和axios发送异步请求进行前后端调用
SSMP整合案例交互之在idea中利用vue和axios发送异步请求进行前后端调用
31 2
|
4月前
|
资源调度 前端开发 JavaScript
用 Axios 提升前端异步请求的效率
用 Axios 提升前端异步请求的效率
|
4月前
|
前端开发
|
前端开发
vue-axios异步请求
axios概述 axios是一个基于 promise 的 HTTP 库, 主要用于:发送异步请求获取数据。 常见的方法: axios(config) axios.get(url, [config])
|
数据采集 JSON 前端开发
Vue总结第七天: Promise 异步请求和axios 网络模块
Vue总结第七天: Promise 异步请求和axios 网络模块
216 0
Vue总结第七天: Promise 异步请求和axios 网络模块
|
Web App开发 移动开发 JavaScript
axios - 基于 Promise 的 HTTP 异步请求库
  axios 是基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用。Vue 更新到2.0之后,作者就宣告不再对 vue-resource 模块更新,而是推荐使用 axios 来处理 HTTP 请求。
1629 0
|
1月前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法,包括发送请求、请求拦截器和响应拦截器的使用,以及如何取消请求。接着,作者实现了一个简易版的axios,包括构造函数、请求方法、拦截器的实现等。最后,文章对axios的源码进行了分析,包括目录结构、核心文件axios.js的内容,以及axios实例化过程中的配置合并、拦截器的使用等。
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
|
1月前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?
文章讨论了Vue项目目录结构的设计原则和实践,强调了项目结构清晰的重要性,提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则,并展示了单页面和多页面Vue项目的目录结构示例。
|
11天前
|
JavaScript 前端开发 开发者
vue中使用axios请求post接口,请求会发送两次
vue中使用axios请求post接口,请求会发送两次