axios 请求合集

post 请求

请求负载请求参数(Request Payload)

javascript 复制代码
import axios from 'axios'
import qs from 'query-string'

export function getRoles(data){
	return axios.post('目标地址',data,{
		headers:{
			'Content-Type': 'application/json',
		},
	})
}

表单请求参数(Form Data)

第一种
javascript 复制代码
import axios from 'axios'

export function getRoles(data){
	return axios.post('目标地址',qs.stringify(data),{
		headers:{
			'Content-Type': 'application/json',
		},
	})
}
第二种
javascript 复制代码
return axios({
   method: 'post',
   url: `目标地址`,
   data: temp,
   transformRequest: [function (data) {
       let ret = ''
       for (let it in data) {
           ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
       }
       return ret
   }],
   headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
   }
 }).then(res=>{
   if(res && res.data && res.data.retCode){
     this.$message.success(res.data.retMsg)
   }
 }).catch(err=>{
   console.log(err)
 });

get 请求

带参数请求

javascript 复制代码
import axios from 'axios'
import qs from 'query-string'

export function getRoles(data){
	return axios({
		method: 'get',
		url: '', // 目标地址
		params: data
	})
}
export function getR(data){
	return axios.get('目标地址',qs.stringify(data))
}

不带参数请求

javascript 复制代码
import axios from 'axios'

export function getR(data){
	return axios.get('目标地址')
}
相关推荐
陌小呆^O^4 分钟前
Cmakelist.txt之win-c-udp-server
c语言·开发语言·udp
Gu Gu Study11 分钟前
枚举与lambda表达式,枚举实现单例模式为什么是安全的,lambda表达式与函数式接口的小九九~
java·开发语言
时光の尘25 分钟前
C语言菜鸟入门·关键字·float以及double的用法
运维·服务器·c语言·开发语言·stm32·单片机·c
以后不吃煲仔饭39 分钟前
Java基础夯实——2.7 线程上下文切换
java·开发语言
进阶的架构师40 分钟前
2024年Java面试题及答案整理(1000+面试题附答案解析)
java·开发语言
前端拾光者44 分钟前
利用D3.js实现数据可视化的简单示例
开发语言·javascript·信息可视化
程序猿阿伟1 小时前
《C++ 实现区块链:区块时间戳的存储与验证机制解析》
开发语言·c++·区块链
傻啦嘿哟1 小时前
如何使用 Python 开发一个简单的文本数据转换为 Excel 工具
开发语言·python·excel
大数据编程之光1 小时前
Flink Standalone集群模式安装部署全攻略
java·大数据·开发语言·面试·flink
初九之潜龙勿用1 小时前
C#校验画布签名图片是否为空白
开发语言·ui·c#·.net