前言

最近在跨域、cookie 以及表單上傳這幾個方面遇到了點小問題，做個簡單探究和總結。本文主要介紹了關于axios中cookie跨域及相關配置的相關內容，下面話不多說了，來一起看看詳細的介紹吧。

1、 帶cookie請求 - 畫個重點

axios默認是發送請求的時候不會帶上cookie的，需要通過設置withCredentials: true來解決。 這個時候需要注意需要后端配合設置：

header信息 Access-Control-Allow-Credentials:true

Access-Control-Allow-Origin不可以為 '*'，因為 '*' 會和 Access-Control-Allow-Credentials:true 沖突，需配置指定的地址

如果后端設置 Access-Control-Allow-Origin: '*',會有如下報錯信息

后端配置缺一不可，否則會出錯，貼上我的后端示例：

成功之后，可在請求中看到

2、我的前端項目代碼的axios配置

axios統一配置，會很好的提升效率，避免bug，以及定位出bug所在(方便捕獲到error信息)

建立一個單獨的fetch.js封裝axios請求并作為方法暴露出來

{

// 發送請求之前，要做的業務

return config

},error => {

// 錯誤處理代碼

return Promise.reject(error)

}

)

// response攔截器

service.interceptors.response.use(

response => {

// 數據響應之后，要做的業務

return response

},error => {

return Promise.reject(error)

}

)

export default service

如下所示，如果需要調用ajax請求

{

cosole.log(res)

})

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對編程之家的支持。

總結

以上是生活随笔為你收集整理的axios跨域携带cookie_axios中cookie跨域及相关配置示例详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。