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('目标地址')
}
相关推荐
山塘小鱼儿5 分钟前
JavaScript 性能优化实战大纲
javascript
asfdsfgas20 分钟前
Angular CDK 响应式工具实操指南:自适应布局构建技巧
javascript·ecmascript·angular.js
百锦再38 分钟前
Go与Python在AI大模型开发中的深度对比分析
java·开发语言·人工智能·python·学习·golang·maven
盒马盒马1 小时前
Rust:复合类型
开发语言·rust
R.lin1 小时前
红包实现方案
java·开发语言·网络·后端·架构
东方石匠1 小时前
Javascript常见面试题
前端·javascript·面试
性野喜悲1 小时前
<script setup lang=“ts“>+uniapp实现轮播(swiper)效果
前端·javascript·vue.js·小程序·uni-app
莫听穿林打叶声儿1 小时前
关于Qt开发UI框架Qt Advanced Docking System测试
开发语言·qt·ui
minji...2 小时前
C++ 模板进阶
开发语言·c++
敲敲了个代码2 小时前
[特殊字符] Web 字体裁剪优化实践:把 42MB 字体包瘦到 1.6MB
前端·javascript·学习·html·web