vue框架中的axios

简介: Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。

首先明白axios是什么?


官方文档给出的解释是:Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。


其实axios在vue项目中就是请求服务器端接口数据,得到数据后在回调中对数据进行操作。


axios分为get请求和post请求:


1.get请求:get请求的时候参数通过params进行传递

5e7299c674164dcea7f52a9d91b435f8.png

2.post请求:post请求使用data传参,需要使用qs处理参数

08c645235dbf43a8a51e93cc9261aea9.png

配置qs


qs是axios的一个数据序列化工具,可通过npm install qs命令进行安装.然后在需要使用的页面引用


import axios from 'axios'


import qs from 'qs'


方法 qs.parse()、qs.stringify()


qs.stringify()将对象序列化成URL的形式,以&进行拼接


qs.parse()将URL解析成对象的形式


目录
相关文章
|
1月前
|
资源调度 JavaScript
|
1月前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
158 2
|
1月前
|
缓存 JavaScript 搜索推荐
|
1月前
|
前端开发 JavaScript 开发者
|
1月前
|
JavaScript 前端开发 API
Vue.js:现代前端开发的强大框架
【10月更文挑战第11天】Vue.js:现代前端开发的强大框架
69 41
|
23天前
|
JavaScript 前端开发 开发者
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域,Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣,Vue.js以轻量级和易上手著称,适合快速开发小型到中型项目;Angular则由Google支持,功能全面,适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
33 1
|
24天前
|
前端开发 数据库
芋道框架审批流如何实现(Cloud+Vue3)
芋道框架审批流如何实现(Cloud+Vue3)
41 3
|
24天前
|
JavaScript 前端开发 API
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第26天】前端技术的飞速发展让开发者在构建用户界面时有了更多选择。本文对比了Vue.js和Angular两大框架,介绍了它们的特点和优劣,并给出了在实际项目中如何选择的建议。Vue.js轻量级、易上手,适合小型项目;Angular结构化、功能强大,适合大型项目。
22 1
|
1月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
104 4
|
1月前
|
JavaScript 前端开发 API
下一篇
无影云桌面