axios跨域請求默認不攜帶cookie

李增田發布于2019-08-23 18:11 / 4048人閱讀

摘要：如下圖圖片描述由于登錄不上，懷疑是否是未攜帶，但是無論如何操作，面板總是只顯示這個。查閱文檔，配置項有一個，表示跨域請求時是否需要使用憑證，默認值為。即在發起跨域時默認不攜帶，將設置為即可正常攜帶。

最近開發一款前后端分離的應用，后端接口全部完成，正在對接的時候發現死活登錄不上。

前端是本地server，跑在localhost上，后端接口部署在測試服務器上。
后端已經允許了跨域，接口也能跑通，但是就是登錄不上。
而且接口的表現十分奇怪，request headers里顯示一個感嘆號+Provisional headers are shown。如下圖：

![圖片描述][1]

由于登錄不上，懷疑是否是cookie未攜帶，但是無論如何操作，chrome面板總是只顯示這4個header。嘗試用QQ瀏覽器打開查看header，
感嘆號+Provisional headers are shown沒有了，顯示了實際的request headers。如下圖：
![圖片描述][2]

發現確實沒有攜帶cookie。查閱axios文檔，配置項有一個withCredentials，表示跨域請求時是否需要使用憑證，默認值為false。即axios    在發起跨域時默認不攜帶cookie，將withCredentials設置為true即可正常攜帶cookie。

云服務器 GPU云服務器跨域cookie 不攜帶電腦云空間存儲 java跨域cookie共享跨域請求

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104820.html

axios攜帶cookie配置（axios+koa）

摘要：通過將屬性設置為，可以指定某個請求應該發送憑據。前臺跨域請求，由于規范的存在，瀏覽器會首先發送一次嗅探，同時帶上，判斷是否有跨域請求權限，服務器響應的值，供瀏覽器與匹配，如果匹配則正式發送請求。話不多說，一個字，干！前端配置如下： axios.defaults.withCredentials = true; //配置為true axios.post(http:/...

張巨偉 2019-08-23 14:20 評論0 收藏0
全面分析前端的網絡請求方式

摘要：請求默認會攜帶同源請求的，而跨域請求則不會攜帶，設置的的屬性為將允許攜帶跨域。類型請求成功后的回調函數。另外，同樣提供了在環境下的支持，可謂是網絡請求的首選方案。當網絡故障時或請求被阻止時，才會標記為，如跨域不存在，網絡異常等會觸發。一、前端進行網絡請求的關注點大多數情況下，在前端發起一個網絡請求我們只需關注下面幾點：傳入基本參數（url，請求方式）請求參數、請求參數類型設...

Edison 2019-08-23 16:27 評論0 收藏0
你不知道的CORS跨域資源共享

摘要：同源策略禁止使用對象向不同源的服務器地址發起請求。借助于決解同源策略決解同源策略，新方案跨域資源共享這里講的重點跨域資源共享提供的標準跨域解決方案，是一個由瀏覽器共同遵循的一套控制策略，通過的來進行交互主要通過后端來設置配置項。了解下同源策略源（origin）*：就是協議、域名和端口號；同源：就是源相同，即協議、域名和端口完全相同；同源策略：同源策略是瀏覽器的一個安全...

Gu_Yan 2019-08-26 13:35 評論0 收藏0