如何使用axios設(shè)置請(qǐng)求頭

一、axios設(shè)置請(qǐng)求頭cookie

1、使用axios發(fā)送請(qǐng)求時(shí)，可以設(shè)置請(qǐng)求頭cookie來(lái)攜帶cookie信息，代碼如下：

axios({
    method: "post",
    url: "your-url",
    data: "your-data",
    headers: {
        'Content-Type': 'application/json',
        'Cookie': 'your-cookie'
    }
})

上述代碼中，通過(guò)headers屬性可以設(shè)置請(qǐng)求頭信息，包括Content-Type和Cookie。

2、如果需要在所有請(qǐng)求中攜帶cookie信息，可以在axios創(chuàng)建實(shí)例時(shí)設(shè)置公共請(qǐng)求頭，具體代碼如下：

const instance = axios.create({
    withCredentials: true,
    headers: {
        'Content-Type': 'application/json'
    }
})
instance.post("your-url", {
    data: "your-data"
})

上述代碼中，使用create方法創(chuàng)建了一個(gè)axios實(shí)例，通過(guò)傳遞withCredentials參數(shù)設(shè)置為true，表示攜帶cookie信息。

二、axios設(shè)置請(qǐng)求頭類(lèi)型

1、發(fā)送post請(qǐng)求時(shí)，可以設(shè)置請(qǐng)求頭Content-Type為application/json類(lèi)型，如下代碼：

axios({
    method: "post",
    url: "your-url",
    data: "your-data",
    headers: {
        'Content-Type': 'application/json'
    }
})

2、發(fā)送form-data類(lèi)型的請(qǐng)求時(shí)，可以設(shè)置請(qǐng)求頭Content-Type為multipart/form-data類(lèi)型，代碼如下：

axios({
    method: "post",
    url: "your-url",
    data: "your-data",
    headers: {
        'Content-Type': 'multipart/form-data'
    }
})

三、axios設(shè)置請(qǐng)求頭json

可以在發(fā)送請(qǐng)求時(shí)，將請(qǐng)求的數(shù)據(jù)轉(zhuǎn)為json格式，并設(shè)置請(qǐng)求頭Content-Type為application/json，具體如下：

axios({
    method: "post",
    url: "your-url",
    data: JSON.stringify(your-data),
    headers: {
        'Content-Type': 'application/json'
    }
})

四、js請(qǐng)求頭設(shè)置cookie

1、使用原生js設(shè)置cookie，可以使用document.cookie屬性，如下所示：

document.cookie = "your-cookie";

2、使用jquery庫(kù)設(shè)置cookie，可以使用$.cookie()方法，如下所示：

$.cookie("your-cookie");

五、axios設(shè)置請(qǐng)求頭 f12沒(méi)有

如果你在瀏覽器中無(wú)法看到請(qǐng)求頭設(shè)置信息，可能是瀏覽器的限制導(dǎo)致?？梢酝ㄟ^(guò)在控制臺(tái)中查看網(wǎng)絡(luò)請(qǐng)求，來(lái)查看請(qǐng)求頭信息。

六、axios怎么設(shè)置請(qǐng)求頭

可以通過(guò)在axios創(chuàng)建實(shí)例時(shí)設(shè)置headers屬性，來(lái)設(shè)置請(qǐng)求頭信息，代碼如下：

const instance = axios.create({
    headers: {
        'Content-Type': 'application/json'
    }
})
instance.post("your-url", {
    data: "your-data"
})

七、axios請(qǐng)求頭

發(fā)送請(qǐng)求時(shí)，可以設(shè)置請(qǐng)求頭信息，具體代碼如下：

axios({
    method: "post",
    url: "your-url",
    data: "your-data",
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer your-token'
    }
})

上述代碼中，通過(guò)設(shè)置Authorization請(qǐng)求頭，可以攜帶身份驗(yàn)證信息。

八、axios配置請(qǐng)求地址

在創(chuàng)建axios實(shí)例時(shí)，可以設(shè)置baseURL屬性，來(lái)設(shè)置公共請(qǐng)求地址，具體代碼如下：

const instance = axios.create({
    baseURL: 'http://your-api.com/api',
    headers: {
        'Content-Type': 'application/json'
    }
})

上述代碼中，通過(guò)設(shè)置baseURL屬性，可以在發(fā)送請(qǐng)求時(shí)省略全路徑。