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

左手的ㄟ右手 2021-07-25 02:23 1402阅读 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][]

**传参过程：**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70]: /images/20210724/85934fd89e734a659be87247210cc617.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1]: /images/20210724/dcc94efe7dba490babb3782d7aa91eaf.png