当前位置: 首页 > 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); //失败回调});

http://www.lryc.cn/news/265848.html

相关文章:

  • 【数据结构一】初始Java集合框架(前置知识)
  • 直接将第三方数据插入到 Redis 中
  • 【重点】【DP】322.零钱兑换
  • Python入门学习篇(六)——for循环while循环
  • el-table 实现行拖拽排序
  • 2. 结构型模式 - 桥接模式
  • 最小二乘法简介
  • mathtype公式章节编号
  • 医学实验室检验科LIS信息系统源码
  • 无需改动现有网络,企业高速远程访问内网Linux服务器
  • Opencv入门五 (显示图片灰度值)
  • STM32F4 HAL流水灯Proteus仿真
  • 【K8s】4# 使用kuboard部署开源项目实战
  • Mysql数据库(1)
  • 网络安全-API接口安全
  • flutter学习-day16-自定义组件
  • XML简介 (EXtensible Markup Language)
  • 基于Spring自动注入快速实现策略模式+工厂模式优化过多的if..else
  • 安装vcpkg管理opencv的安装+MFC缺失的解决
  • 了解树和学习二叉树
  • Spring Boot学习随笔- 拦截器实现和配置(HandlerInterceptor、addInterceptors)、jar包部署和war包部署
  • Pipelined-ADC设计二——结构指标及非理想因素(Part2)
  • Ubuntu 常用命令之 clear 命令用法介绍
  • 【JAVA面试题】什么是对象锁?什么是类锁?
  • 飞天使-k8s知识点5-kubernetes基础名词扫盲
  • 【视觉实践】使用Mediapipe进行目标检测:杯子检测和椅子检测实践
  • C++之深拷贝进阶
  • 导行电磁波从纵向场分量求其他方向分量的矩阵表示
  • 融资项目——swagger2的注解
  • 【性能优化】MySql数据库查询优化方案