欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Axios get/post 传参

程序员文章站 2022-04-15 12:39:57
...

首先创建axios实例

import axios from 'axios'

// create an axios instance
const instance = axios.create({
  baseURL: '/api', // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  headers: { 'content-type': 'application/x-www-form-urlencoded' },
  timeout: 5000 // request timeout
})

post请求:

需要import qs库,对传递的数据进行转换,要不然后端可能会解析到空数据

import qs from 'qs';
export function requestLogin(para){
  let data = qs.stringify(para)
  return instance({
    url:'/login',
    method:'post',
    data
  })
}

get请求:

url格式需要这样,才能正确传递多参数(尝试后的结果,我也不知道具体原理,求教)

export function getOrderListPage(para){
  return instance({
    url:`/fileorder/listpage?fliterkey=${para.fliterkey}`,
    method:'get',
    params: {
      fliterkey: para.fliterkey,
      prop: para.prop,
      order: para.order
    }
  })
}

 

相关标签: axios