首页 > 其他分享 >使用axios发送请求的几种方式

使用axios发送请求的几种方式

时间:2022-11-18 22:00:30浏览次数:36  
标签:axios const res 几种 发送 api params console

async fetchData() {
	// 1、异步
	/*  axios.get('/api/user/list').then((res) => {
                console.log(res.data)
            }) */

	// 2、同步
	/* const resp = await axios.get('/api/user/list')
            console.log(resp) */

	// 3、发送查询参数,携带请求头数据
	// post
	/* const resp = await axios.post(
                '/api/postHeader',
                {},
                {
                    headers: {
                        Authorization: 'token',
                    },
                }
            )
            console.log(resp) */

	// 4、发送查询参数,特殊字符手动解析
	/* const name = encodeURIComponent('&&&')
            const age = 21
            const res = await axios.get(
                `/api/getParams?name=${name}&age=${age}`
            )
            console.log(res.data) */

	// 5、发送查询参数,特殊字符自动解析
	/* const res = await axios.get('/api/getParams', {
                params: {
                    name: '&&&',
                    age: 20,
                },
            })
            console.log(res.data) */

	// 6、使用请求体发送数据,格式为urlencoded
	/* const params = new URLSearchParams()
            params.append('name', 'zs')
            params.append('age', 20)
            const res = await axios.post('/api/getParamsPost', params)
            console.log(res.data) */

	// 7、使用请求体发送数据,格式为multipart
	/* const params = new FormData()
            params.append('name', '秋秋')
            params.append('age', 22)
            const res = await axios.post('/api/getParamsPost', params)
            console.log(res.data) */

	// 8、使用请求体发送数据,格式为JSON
	const o = {
		name: '&&&',
		age: 20,
	}
	const res = await axios.post('/api/getJSONPost', o)
	console.log(res.data)
},

标签:axios,const,res,几种,发送,api,params,console
From: https://www.cnblogs.com/qbbit/p/16905007.html

相关文章

  • bat curl 发送http请求 监控网站
    定时发送http请求监控网站,还有日志输出记录@echooffcolor1ftitlebig-keyboardsetINTERVAL=60:lookHttpecho%date%%time%curl-shttps://www.cnblogs.com......
  • tcp和udp:发送和接收工具
    字符串转16进制字符串''' 主要使用到了binascii内置模块'''代码'''将字符串转为对应的16进制:params需要转换的内容:parambyteslens转换完后的长......
  • 显示网卡发送发送的数据包流量
    [root@libin5shell]#vimshell2.sh#!/bin/bash#使用死循环实时显示ens160网卡发送的数据包流量while:doecho'本地网卡ens160流量信息如下:'ifconfigens160|......
  • 发送邮件加密附件
    发送邮件加密附件最近家里有事,所以只能暂时用着笔记本(现在就是,不好用),还有接下来忙着复习考试,等考完试再慢慢补博客吧~~加班比较多,工作上也发生挺多事的,自己搞的生产故......
  • jmeter,常见的几种上下文关联方法
    ......
  • antd TextArea placeholder文案换行的几种方式
    constApp=()=>{constvalue=`例子:\n今天天气不错`;constvalue1=`例子:\r今天天气不错`;return(<><TextAreaplaceholder="例子:&#......
  • 手把手,完整的从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios
    项目同步git:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git  为避免赘述,过于基础的点会直接省略或贴图,比如创建文件夹/文件的路径/路由一类配置相......
  • 几种常见的React Hooks
    useStateuseState,让函数组件拥有了维持状态的功能。维持状态是指在函数的多次渲染之间,这个state是可以在函数中间共享的使用方式importReact,{useState}from'reac......
  • Vue 3.x 中使用 Axios 请求远程Api接口数据
    一、安装axios插件npminstallaxios--save//或者yarnaddaxios//或者cnpminstallaxios--save 注:安装包的时候后面的 --save,如果不加,只安装在当前项目,把......
  • laravel redirect几种用法
    1.使用Facdes的方式//重定向路由returnRedirect::to('/home');//重定向命名路由returnRedirect::route('website.home');//重定向到控制器动作returnRedirect::action('......