Django和vue交互

时间:2025-02-23 16:03:04

最近写的毕设要求前后端分离进行开发,把前后端连起来就有一些小问题,结合之前springboot +vue的小设计也遇到过这样的问题,就可以小小的解决一下。那就浅记录一下吧。

Django方面

django这边主要是要使用一个命令,在中做一些操作。
首先就是一个命令,用pip下载:

pip3 install django-cors-headers

这个django-cors-headers可是个好东西,他专门就处理跨域请求的,有了他,就允许其他源向django发出浏览器内的请求。但是光下载还不太行,还是需要进行一系列的配置:
找到主目录下的文件,在里面进行相应的配置

INSTALLED_APPS = [
    ···
    'corsheaders',
    ···
]

这就跟要用DRF要在这个app里面添加rest_framework是一样的,没有就没法用
接下来就要进行进一步的配置(设置中间件),一样也是在文件里面:

MIDDLEWARE = [
    ···
    '',  # 解决跨域问题,注意与的顺序
    '',
    ···
]

我查了不少的文章,大致意思是说这个

''

要放在最前面,我不太理解,我就没放,但是最后试了还是可以的,所以我觉得不是很必要,注意这两个的顺序就可以了我觉得。

最后的设置还是在文件中:

# 增加跨域忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
# 允许所有方法
CORS_ALLOW_METHODS = ('*')
# 允许所有