Django使用自定义中间件解决跨域请求的问题，还有axios不能自动设置set-cookie的问题

问题

在做Django和vue前后端分离项目时发现几个问题：

1. 跨域请求很蛋疼，通过官网知道了可以pip安装一个中间件解决
2. 这样弄了以后发现axios请求到set- cookie时不会自动设置，所以就有了以下解决办法

解决办法

1. 在settings.py所在目录下新建一个文件：

from django.utils.deprecation import MiddlewareMixin

class SoloveCrossDomainMiddleware(MiddlewareMixin):
    def process_response(self, request, response):
        """
        处理跨域的中间件，将所有的响应都能实现跨域
        """
        response['Access-Control-Allow-Origin'] = "http://192.168.1.170:8080" #改成*就是允许跨所有域，但是set-cookie就会失效
        response['Access-Control-Allow-Headers'] = "Content-Type"
        response['Access-Control-Allow-Credentials'] = "true"
        return response

2. 在settings.py中修改：注意改成你自己的路径

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    # 'corsheaders.middleware.CorsMiddleware', #这是通过pip安装的跨域请求中间件
    'your_app_name.your_middle_ware_name.SoloveCrossDomainMiddleware',#这个是自己的
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

3. 在vue的main.js中添加

axios.defaults.withCredentials = true

资料

1. Response中set-cookie里的值不能写入浏览器cookie的原因
2. Django 中间件 处理跨域 Access-Control-Allow-Origin