django和vue3通信

django和vue通信小测试

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、跨域问题

1.同源策略

同源是指两个网页具有相同的协议、主机和端口号，如果两个网页不满足同源条件，他们就属于不同的源，同源策略将应用。同源策略是一种安全机制，用于保护用户信息和防止恶意代码的执行，限制了不同源的网页之间的交互。

前后端分离的情况下，两个网页的端口号不同，不是同源，出于同源策略的限制就会产生跨域问题。

2.后端解决跨域问题

1.Django框架中通过django-core-headers解决，安装

pip install django-cors-headers

2.注册到settings.py文件中的 INSTALLED_APPS中

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

3.添加到 MIDDLEWARE中

MIDDLEWAR