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('目标地址')
}
相关推荐
Envyᥫᩣ1 分钟前
C#语言:从入门到精通
开发语言·c#
酷酷的阿云2 分钟前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
童先生23 分钟前
Go 项目中实现类似 Java Shiro 的权限控制中间件?
开发语言·go
lulu_gh_yu24 分钟前
数据结构之排序补充
c语言·开发语言·数据结构·c++·学习·算法·排序算法
Re.不晚1 小时前
Java入门15——抽象类
java·开发语言·学习·算法·intellij-idea
老秦包你会1 小时前
Qt第三课 ----------容器类控件
开发语言·qt
aPurpleBerry1 小时前
JS常用数组方法 reduce filter find forEach
javascript
凤枭香1 小时前
Python OpenCV 傅里叶变换
开发语言·图像处理·python·opencv
ULTRA??1 小时前
C加加中的结构化绑定(解包,折叠展开)
开发语言·c++
远望清一色1 小时前
基于MATLAB的实现垃圾分类Matlab源码
开发语言·matlab