在使用 Django + Vue 進(jìn)行前后端分離開(kāi)發(fā)時(shí)，發(fā)現(xiàn)在跨域訪問(wèn)情況下，后臺(tái) HttpResponse 在使用 set_cookie 方法后，瀏覽器無(wú)法獲取 Cookie。

Django 端使用 django-cors-headers 解決跨域問(wèn)題，修改 settings.py 文件。

具體方案：

Flask和Django中解決跨域請(qǐng)求問(wèn)題

對(duì) axios 進(jìn)行設(shè)置，允許瀏覽器設(shè)置或獲取Cookie。

axios.defaults.withCredentials = true;Django 之 Cookie 操作

from django.http import HttpResponse# 設(shè)置 Cookieresponse = HttpResponse(’OK’)response.set_cookie(’key’, ’value’)# 獲取 Cookierequest.COOKIES[’key’]request.COOKIES.get[’key’]# 刪除 Cookieresponse.delete_cookie(’key’)

補(bǔ)充：【解決方案】前后端分離之后，請(qǐng)求跨域無(wú)法傳遞cookie的問(wèn)題

如圖，在請(qǐng)求上加個(gè) withCredentials: true 即可。

當(dāng)然，這只是前端打開(kāi)一個(gè)開(kāi)口而已，后端做的事情可就多了。

如圖，后端服務(wù)在進(jìn)行跨域處理的時(shí)候，需要將 Access-Control-Allow-Credentials 設(shè)為 true 即可。

以上前后端設(shè)置的ture屬性（withCredentials、Access-Control-Allow-Credentials），都是允許跨域發(fā)送cookie的一個(gè)開(kāi)關(guān)設(shè)置，需要前后端都做到打開(kāi)模式。

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教。