vue-axios异步请求

简介: axios概述axios是一个基于 promise 的 HTTP 库, 主要用于:发送异步请求获取数据。常见的方法:axios(config)axios.get(url, [config])

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天前
|
资源调度 前端开发 JavaScript
用 Axios 提升前端异步请求的效率
用 Axios 提升前端异步请求的效率
|
3天前
|
前端开发
|
3天前
|
前端开发
vue-axios异步请求
vue-axios异步请求
|
Web App开发 移动开发 JavaScript
axios - 基于 Promise 的 HTTP 异步请求库
  axios 是基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用。Vue 更新到2.0之后,作者就宣告不再对 vue-resource 模块更新,而是推荐使用 axios 来处理 HTTP 请求。
1612 0
|
3天前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
13 0
|
3天前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
90 0
|
3天前
|
XML JavaScript 前端开发
axios如何在vue中使用
axios如何在vue中使用
30 1
|
3天前
|
JSON JavaScript 前端开发
< 每日份知识快餐:axios是什么?如何在Vue中 封装 axios ? >
本文介绍了前端开发中常用的HTTP客户端库Axios,它基于Promise,支持浏览器和Node.js,特点是功能强大、支持Promise API和并发请求,并能拦截请求和响应。文章强调了理解Axios的内部原理和优化使用的重要性,不仅讲解了基本的安装、导入和使用方法,还阐述了为何选择Axios,包括其丰富的配置选项和良好的浏览器支持。此外,文章探讨了封装Axios的必要性,以减少重复代码和提高代码维护性,并给出了设置接口请求前缀、请求头、超时时间以及封装请求方法和拦截器的示例。通过封装,开发者可以更高效地管理和使用Axios,适应不同项目需求。
|
3天前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
39 0
|
3天前
|
前端开发 应用服务中间件 nginx
Vue+SpringBoot+Axios的跨域问题
Vue+SpringBoot+Axios的跨域问题
21 0