使用axios发送get、post请求

妖狐艹你老母 2023-07-13 03:40 1阅读 0赞

*  ##### get请求 #####
    
     *  方式一
    
        axios.get('/login?userId=111')
          .then(res=>{ 
        	console.log(res);
        }).catch(error=>{ 
        	console.log(error);
        })
    
     *  方式二，通过params传
    
        axios.get('/login',{ 
        	params:{ 
        		userId: 111
        	}
        })
          .then(res=>{ 
        	console.log(res);
        }).catch(error=>{ 
        	console.log(error);
        })
 *  ##### post请求 #####
    
     *  方式一
    
        axios.post('/login',{ 
        	userId: 111,
        	userName: 'aa'
        })
          .then(res=>{ 
        	console.log(res);
        }).catch(error=>{ 
        	console.log(error);
        })
    
     *  方式二
    
        axios({ 
        	method:'post',
        	url:'/login',
        	data: { 
        		userId: 111,
        		userName: 'aa'
        	}
        })

##### axios的相关配置 #####

{ 
    	url: '/login',  //必需
    	method: 'post',  //请求的方式，默认是get
    	baseURL: 'http://www.example.com',  //基地址
    	headers: { 'Authorization':'Bearer token'},  //设置请求头
    	params: { userId: 111},  //要传的数据(GET请求)
    	data: {  userId: 111},  //要传的数据(PUT, POST, PATCH请求)
    	timeout: 1000,  //指定超时的毫秒数
    	
    	//发送请求前，修改请求数据，适用于PUT,POST,PATCH
    	transformRequest: [ function (data) { 
    		return data;
    	}],
    	//传递给then/catch前，修改响应数据，如可以做大数字的处理
    	transformResponse: [ function (data) { 
    		//处理data
    		return data;
    	}]

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue安装并使用axios发送请求

前言本文主要介绍的是使用在Vue项目中安装并使用axios发送请求 axios介绍 axios是一种Web数据交互方式它是一个基于promise的网络请求库

╰+攻爆jí腚メ/ 2023年09月23日 15:50/ 0 赞/ 139 阅读

相关使用axios发送get、post请求

get请求方式一 axios.get('/login?userId=111') .then(r

妖狐艹你老母/ 2023年07月13日 03:40/ 0 赞/ 2 阅读

相关 vue axios发送请求

baseData.js if (location.href.includes("baidu")) { apiBaseUrl = 'https://www.

分手后的思念是犯贱/ 2022年12月17日 07:11/ 0 赞/ 262 阅读

相关 vue---使用axios发送ajax请求

1：首先导入两个包，一个是Vue的包，一个是axios的包： <script src="https://cdn.jsdelivr.net/npm/vue/dist/v

拼搏现实的明天。/ 2022年12月02日 11:00/ 0 赞/ 249 阅读

相关 Vue中怎么使用axios发送请求

> `Vue中怎么使用axios发送请求` > 1.首先安装所需要的`axios`包 npm install --save axios vue-axios >

客官°小女子只卖身不卖艺/ 2022年11月12日 02:58/ 0 赞/ 240 阅读

相关 getpost请求的区别

1, get是从服务器上获取数据，post是向服务器传送数据。 2, get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应

一时失言乱红尘/ 2022年06月03日 02:27/ 0 赞/ 411 阅读

相关首页使用axios 发送ajax请求

打开码云创建分支 index-ajax 然后cd到文件夹输入 git pull 然后 git checkout index-ajax ![20180520172

骑猪看日落/ 2022年05月24日 04:17/ 0 赞/ 289 阅读

相关使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件 [vue-resource][]，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource 目前主流的

妖狐艹你老母/ 2022年05月17日 00:15/ 0 赞/ 265 阅读

相关 axios 发送post请求

目录方案一方案二方案一在node中使用axios以post的方式发送一张图片给某个server时: let data = fs.crea

浅浅的花香味﹌/ 2021年11月17日 15:22/ 0 赞/ 505 阅读

相关使用axios/vue-resource发送http请求

一、发送AJAX请求 1、简介 vue本身不支持发送ajax请求，需要axios、vue-resource等插件实现

曾经终败给现在/ 2021年09月30日 00:36/ 0 赞/ 431 阅读