AI智能
改变未来

axios常见请求传参方式


get请求

一般发送get请求传参是这么写

axios.get(\'/user?id=12345&name=user\').then(res => res).catch(err => err)

为了方便全局统一调用封装的axios,一般这么写

// params参数必写 , 如果没有参数传{}也可以axios.get(\'/user\', {params: {id: 12345,name: user}}).then(res => res).catch(err => err)

post/put/patch请求

  1. 传参格式为formData

    // request的Header:\'Content-Type\'= \'multipart/form-data\'var formData = new FormData();formData.append(\'user\', 123456);formData.append(\'pass\', 12345678);axios.post(\"/notice\", formData).then(res => res).catch(err => err)
  2. 传参格式为query 形式

    // request的Header:\'Content-Type\'= \'application/x-www-form-urlencoded\'// 第一种情况:使用$qs.stringifyimport Qs from \'qs\'   // 引入方式Vue.prototype.$qs = Qs  // 全局加载this.$qs.stringify(data);  // 使用方式this.$qs.parse(data);  // 使用方式var readyData = this.$qs.stringify({id: \'1234\',name: \'user\'});axios.post(\"/notice\", readyData).then(res => res).catch(err => err)
  3. 传参格式为 raw (JSON格式)

    // request的Header:\'Content-Type\'= \'application/json;charset=UTF-8\'// 1. axios将js对象序列化为JSONvar readyData = {id: ‘1234’,name: ’user‘};axios.post(\"/notice\", readyData).then(res => res).catch(err => err)// 2. 自己序列化var readyData = JSON.stringify({id: \'1234\',name: \'user\'});axios.post(\"/notice\",readyData).then(res => res).catch(err => err)
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » axios常见请求传参方式