Vue ：axios请求post、get请求根据后参数类型进行传参（带token）

左手的ㄟ右手 2021-07-25 02:23 1517阅读 0赞

axios请求post、get请求根据后参数类型的使用（带token）

一、get请求：

get请求常见的参数类型（Parameter Type）是query，

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70

传参过程：

axios.get("/manage/project/staff/position/list", {
                        params: {
                            staffId: row.id,
                        },
                        headers: {
                            'token': 'token值或者变量',
                        }
                    }).then((response) => {
                        console.log('Response',response)
                    })
                    .catch(function(error) {
                        console.log(error)
                    });

二、post请求

post请求的参数类型一般是formdata，

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1

传参过程：

var params = new FormData();
   params.append('name', self.addnewmsg.staffName);
   params.append('identNo', self.addnewmsg.identNo);  //身份证
 let config = {
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'token': sessionStorage.getItem('token')
                    }
                }
  axios.post("/manage/project/staff/add", params, config).then(res => {
                    console.log('addRes',res)
                }).catch(res => {
                    console.log(res)
                })