Django与Vue前后端分离实践跨域配置与交互

Django 配 Vue 的跨域踩坑记录，讲得还挺细的，适合刚接触前后端分离的你慢慢啃。主要围绕CORS怎么配、前端怎么调接口、后端怎么响应，甚至连 Vue 的axios配置都讲到了，蛮全的。前后端各自干好自己的事，接口调得顺才是关键。

跨域问题的配置方式，多人一开始都懵。比如 Django 这边你得装django-cors-headers，配置下CORS_ORIGIN_WHITELIST，不然接口直接被浏览器拦了，连调试都别想。Vue 那边呢，配个proxy代理，绕过浏览器限制，就能愉快联调了。

如果你是用Vue CLI起的项目，配置vue.config.js的devServer.proxy就方便，一行搞定开发环境的跨域。注意生产环境可不能这么搞，得让后端支持CORS才行。

后面还提了几个蛮实用的文章，比如《Vue 与 Django 实现前后端分离》和《前后端分离跨域问题》，讲得比教程文档更接地气。遇到 cookie 失效的问题？第十篇这篇也挺能解惑。

如果你正好用的是SpringBoot那一套，其他几篇文章也值得看看，比如这篇就专门讲了Vue + SpringBoot跨域怎么整的。

，跨域问题看着头大，其实就是浏览器的安全策略在搞事。绕开它、搞懂它，你就能少绕多弯。如果你刚搭好 Django 和 Vue 的项目，推荐先看这篇主文，顺着把相关几篇也扫一遍，联调的效率能提升不少。