Axios简单使用与配置安装-Vue

安装Axios

npm i axios

main.js 导入

import Axios from 'axios'
Vue.prototype.$axios = Axios

简单发送请求

get

getTest() {this.$axios({method: 'GET',url: 'https://apis.jxcxin.cn/api/title?url=https://apis.jxcxin.cn/'}).then(res => {//请求成功回调console.log(res)})}

post

postTest() {//  let data = new URLSearchParams() 表单方式this.$axios({method: 'POST',url: 'https://service3.91suke.com/sk/login',//data:data 表单方式data:{id: 120,name: '123'//post请求参数  这种写法是json格式的//		 {id:120,name:'123' }}}).then(res => {//请求成功回console.log(res)})}

put

 putTest() {this.$axios({method: 'PUT',url: 'www.xxxxx.com/alter',data:{id: 123}}).then(res => {consoloe.log(res)})}

delete

deleteTest() {this.$axios({method: 'DELETE',url: 'www.xxxxx.com/alter?id=100',}).then(res => {consoloe.log(res)})}

方法发送请求(推荐)

get

axios.get(url,params)
params,confing 非必须,参数可以直接在url拼接

        this.$axios.get('https://apis.jxcxin.cn/api/title?url=https://apis.jxcxin.cn/',{params: { //请求参数对象 xxxxx?id=10id: 10}}).then(res => {console.log(res)})

post

this.$axios.post('https://service3.91suke.com/sk/login',{id: 123,name: '哈哈哈'}).then(res => {consoloe.log(res)})

其他方法一样
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/206811.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【LeetCode刷题】-- 29.两数相除

29.两数相除 思路: class Solution {public int divide(int dividend, int divisor) {//考察被除数为最小值的情况if(dividend Integer.MIN_VALUE){//被除数为最小值,除数是1,返回最小值if(divisor 1){return Integer.MIN_VALUE;}//除数是-…

重磅!这本30w人都在看的Python数据分析畅销书:更新了!

想学习python进行数据分析,这本《利用python进行数据分析》是绕不开的一本书。目前该书根据Python3.10已经更新到第三版。 Python 语言极具吸引力。自从 1991 年诞生以来,Python 如今已经成为最受欢迎的解释型编程语言。 pandas 诞生于2008年。它是由韦…

2024贵州大学计算机考研分析

24计算机考研|上岸指南 贵州大学 贵州大学计算机科学与技术学院(贵州大学省级示范性软件学院)位于贵州省贵阳市花溪区贵州大学东校区。 计算机科学与技术学院(软件学院)自1972年创办计算机软件本科专业开始,至今已有…

Python安装入门

目录 1 从应用商店安装2 通过官方安装3 验证安装是否成功4 打印hello world总结 1 从应用商店安装 推荐使用微软的应用商店安装,打开开始菜单 在应用商店搜索python 选择最新的版本下载并安装即可 2 通过官方安装 也可以使用官网的安装包,输入如下网…

csdn最新最全pytest系列——pluggy插件源码解读(一)HookspecMarker类和HookimplMarker类分析

简介 pluggy是一个非常优秀的插件系统,它是理解pytest的核心,只有理解了pluggy的原理,才能更好的理解和使用pytest,否则见到了pytest的很多应用都会感觉很难理解 pluggy插件总共的代码量不足一千行,而实现的功能却是…

RTS 客户端-服务器网络

Stone Monarch 从一开始就支持多人游戏,但随着时间的推移,网络模型经历了多次迭代。我最初基于这篇著名的帝国时代文章实现了点对点锁步模型。 点对点锁定步骤有一些众所周知的问题。点对点方面使玩家很难相互连接,并增加了每个新玩家的网络…

vivado产生报告阅读分析15-时序报告11

Report Clock Domain Crossings “ Clock Domain Crossings (CDC) ” ( 时钟域交汇 ) 报告可对设计中的时钟域交汇执行结构分析。此信息可用于识别潜在不安全的 CDC , 此类 CDC 可能导致亚稳态或数据一致性问题。虽然 CDC 报告与“ Clock …

PostMan接口测试教程

1、下载和安装 Postman: 前往 Postman 官网 (https://www.postman.com),下载适用于你的操作系统的 Postman 客户端。 执行下载后的安装程序,并按照安装向导的指引完成安装过程。 2、创建一个新的集合: 打开 Postma…

Python配置与测试利器:Hydra + pytest的完美结合

简介:Hydra 和 pytest 可以一起使用,基于 Hydra Pytest 的应用可以轻松地管理复杂配置,并编写参数化的单元测试,使得Python开发和测试将变得更为高效。 安装: pip install hydra-core pytest案例源码:my…

LabVIEW如何获取波形图上游标所在位置的数值

LabVIEW如何获取波形图上游标所在位置的数值 获取游标所在位置数值的一种方法是利用波形图的游标列表属性。 在VI的程序框图中,右键单击波形图并选择创建引用 ,然后将创建的引用节点放在程序框图上。 在程序框图上放置一个属性节点,并将其…

马斯克震撼演讲:我想创立一个新世界

目录 1拼多多杀入大模型领域:年薪百万招聘人才 2马斯克震撼演讲:我想创立一个新世界 3文心4.0上线首交答卷:百度2023Q3成色如何 1拼多多杀入大模型领域:年薪百万招聘人才 快科技11月22日消息,据国内媒体报道&#x…

【c++】——类和对象(下) 万字解答疑惑

作者:chlorine 专栏:c专栏 目录 🚩再谈构造函数 🎓构造函数体赋值 🎓初始化列表 🚩explicit关键字 🚩static成员 🎓概念 面试题:计算创建多少个类对象 🎓特性 【问题】(非)…