当前位置：首页 > news >正文

Axios 整理常用形式及涉及的参数

news 2025/8/30 8:00:05

一、axios get请求

//形如
axios.get(url[, config]).then(response => {// 处理响应}).catch(error => {// 处理错误});
//无 config 的情况下，
axios.get('https://api.example.com/data').then(response => {// 处理响应}) .catch(error => {// 处理错误});

url：即请求api 链接；
[, config]：表示config 可有可无

axios get请求一 config 参数（常用）

// An highlighted block
axios.get('https://api.example.com/data',{//传递的数据：方式二选一；//我们通过 `params` 对象传递了查询参数，//实际上请求的URL会变成 'https://api.example.com/data?username=test'。params:{"username":"test",},headers:{"Content-Type":"application/json",},timeout:1000,//请求超时设置
}).then(response => {// 处理响应}) .catch(error => {// 处理错误});

二、axios post

//形如
axios.post(url,data[, config]).then(response => {// 处理响应}).catch(error => {// 处理错误});
//无 config 的情况下，
axios.post('https://api.example.com/data',{firstName: 'Fred',lastName: 'Flintstone'
}).then(response => {// 处理响应}) .catch(error => {// 处理错误});

url：即请求api 链接；
data：传递的参数，object { } 形式；
[, config]：表示config 可有可无

axios post请求一 config 参数（常用）


axios.post('https://api.example.com/data',data,{//传递的数据：方式二选一；data: {firstName: 'Fred'},headers:{"Content-Type":"application/json",},timeout:1000,//请求超时设置
}).then(response => {// 处理响应}) .catch(error => {// 处理错误});

三、axios() 发起请求

//形如
axios({//config内容 常用字段method:'get/post',//常用的url:'/data',baseURL: 'https://api.example.com',//params 用于 get 传参数params:{},//data 用于 post 传递参数data:{},headers:{},timeout:100,}).then(response => {// 处理响应}) .catch(error => {// 处理错误});