使用Angular 2+ django-rest-framework时Set-Cookie响应头无法工作

在使用Angular 2+和django-rest-framework时，遇到Set-Cookie响应头无法工作的问题可能是由于跨域请求导致的。浏览器默认情况下，跨域请求不会携带Cookie信息，因此无法设置Set-Cookie响应头。

解决这个问题的一种方法是使用CORS（跨域资源共享）机制。CORS允许服务器在响应中设置Access-Control-Allow-Origin头，指定允许访问的域名。同时，还需要设置Access-Control-Allow-Credentials头为true，表示允许携带Cookie信息。

在django-rest-framework中，可以通过安装django-cors-headers库来实现CORS支持。安装命令如下：

pip install django-cors-headers

安装完成后，在项目的settings.py文件中进行配置：

INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
]

MIDDLEWARE = [
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = [
    'http://your-angular-app-domain.com',
]

CORS_ALLOW_CREDENTIALS = True

以上配置中，CORS_ORIGIN_WHITELIST指定了允许访问的域名，将http://your-angular-app-domain.com替换为你的Angular应用的域名。CORS_ALLOW_CREDENTIALS设置为True表示允许携带Cookie信息。

另外，还需要在视图函数或视图类中添加@api_view(['GET', 'POST'])或@api_view(['GET', 'POST'])装饰器，以确保视图函数或视图类支持CORS。

完成以上配置后，重新发送请求，Set-Cookie响应头应该可以正常工作了。

推荐的腾讯云相关产品：腾讯云COS（对象存储服务），提供高可靠、低成本、弹性扩展的云端存储服务，适用于各种场景下的数据存储和处理需求。产品介绍链接地址：https://cloud.tencent.com/product/cos