解决vue和django跨域请求问题

lvnacp

已于 2024-07-04 09:43:52 修改

阅读量183

点赞数 1

分类专栏： django常见问题文章标签： vue.js django

于 2024-07-04 09:42:17 首次发布

本文链接：https://blog.csdn.net/lvnacp/article/details/140170554

版权

django常见问题专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题

在这里插入图片描述
报错原因
Access to XMLHttpRequest at
‘http://127.0.0.1:8000/myapp/ center’ from origin "
http:/ /localhost:8080’ has been blocked by cORS policy: No 'Access-Control-Allow-Origin ’ header is present on the requested resource.

解决办法

在django项目的虚拟环境中安装

pip install django-cors-headers

在django的根目录文件的settings.py文件中添加
在这里插入图片描述

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'corsheaders'
]

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

CORS_ALLOW_CREDENTIALS = True
CORS_ALLOW_ALL_ORIGINS = True
CORS_ALLOW_HEADERS = ('*')