当前位置: 首页 > news >正文

Vue如何请求接口——axios请求

1、安装axios

在cmd或powershell打开文件后,输入下面的命令

npm install axios

 可在项目框架中的package.json中查看是否:

二、引用axios

import axios from 'axios'

在需要使用的页面中引用

三、get方式使用

 get请求使用params传参,本文只列举常用参数

axios({url: "", // urlparams: {// 参数name: xxx,age: xxx,},}).then(function (res) {console.log(res); // 成功回调}).catch(function (err) {console.log(err); // 失败回调});

四、post请求

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

五、qs配置

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

 引入方法:

import axios from 'axios'
import qs from 'qs'

方法 qs.parse()、qs.stringify()
qs.stringify()将对象序列化成URL的形式,以&进行拼接
qs.parse()将URL解析成对象的形式

写法:

 axios({method: "post", //请求方式url: "", //urldata: qs.stringify({// 参数}),}).then(function (res) {console.log(res); //成功回调}).catch(function (err) {console.log(err); //失败回调});

相关文章:

  • 第六章[字典]:6.4:字典推导式
  • OD Linux发行版本
  • JavaOOP篇----第十四篇
  • leetcode 131. 分割回文串
  • Uniapp + Vue3 封装请求工具挂载全局
  • windows平台配置vsCode_CMake_Clang/LLVM_ninja环境与测试
  • 堆与二叉树(下)
  • 深度学习 | 基础卷积神经网络
  • 智能优化算法应用:基于蛇优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • C语言沉浸式刷题【C语言必刷题】
  • rk3588 之启动
  • 初识QT(上篇):What Qt
  • 【顶级快刊】IEEE(Trans),审稿快仅2个月录用,入选CCF-B,现在投最快!
  • ZKP Mathematical Building Blocks (2)
  • Spring MVC 方法中添加参数、HttpServletRequest 和 HttpServletResponse 对象
  • Docker容器管理
  • ECMAScript6(0):ES6简明参考手册
  • Gradle 5.0 正式版发布
  • IDEA 插件开发入门教程
  • JavaScript类型识别
  • java多线程
  • Mac转Windows的拯救指南
  • scrapy学习之路4(itemloder的使用)
  • session共享问题解决方案
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • tweak 支持第三方库
  • ucore操作系统实验笔记 - 重新理解中断
  • vue--为什么data属性必须是一个函数
  • Zsh 开发指南(第十四篇 文件读写)
  • 百度地图API标注+时间轴组件
  • 大型网站性能监测、分析与优化常见问题QA
  • 后端_MYSQL
  • 理清楚Vue的结构
  • 网络应用优化——时延与带宽
  • 微信小程序:实现悬浮返回和分享按钮
  • 正则表达式小结
  • 积累各种好的链接
  • 数据可视化之下发图实践
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • ​虚拟化系列介绍(十)
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • # 计算机视觉入门
  • #宝哥教你#查看jquery绑定的事件函数
  • (20)目标检测算法之YOLOv5计算预选框、详解anchor计算
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (Redis使用系列) Springboot 整合Redisson 实现分布式锁 七
  • (二开)Flink 修改源码拓展 SQL 语法
  • (二十三)Flask之高频面试点
  • (翻译)terry crowley: 写给程序员
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (四) Graphivz 颜色选择
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境