axios 请求数据(Post,Get)细节

304 阅读1分钟

  • 使用 axios 请求数据的时候,我们通常都会传参到服务器,但是 axios 在传参的时候 post 与 get 传参方式会不一样。

  • 我现在使用的版本是:

    "axios": {
    "version": "0.19.0",
    "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
    "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
    "requires": {
      "follow-redirects": "1.5.10",
      "is-buffer": "^2.0.2"
    }
    }
    
  • 言归正传,下面来看一下两者请求方式传参有什么不同:

    export function GET (parameter) {
      return axios({
        url: baseUrl + '/advertiser/account/settlement',
        method: 'get',
        params: parameter
      })
    }
    
    export function POST (parameter) {
      return axios({
        url: baseUrl + '/creator/order/submit',
        method: 'post',
        data: parameter
      })
    }
    
  • params 跟 data 两种传参方式

    params 的方式:会将参数加到 url 后面,所以传递的都是字符串,无法传递参数中含有json格式的数据,开发中,直接设置 params 为 json 格式的值,params 会把 json 格式转为 string 进行传值

    data 的方式:添加到请求体(body)中,然后如果你的数据有 json 格式,也是可以的。