首页 > 其他分享 >diango_vue cors跨域问题

diango_vue cors跨域问题

时间:2023-03-14 18:56:26浏览次数:39  
标签:vue 跨域 diango CORS django headers 版本 cors py

  1.   pip3 install django-cors-headers
    1. 注意版本,django和django-cors-headers存在版本兼容问题,安装过高版本的django-cors-headers 会导致自动升级 django版本,带来一些意想不到的问题
    2. django-cors-headers==3.0 需django>1.1 ,当前最新版本 3.14 需django>3.2
    3. 详情见:https://github.com/adamchainz/django-cors-headers
  2.   在django项目中的settings.py文件中增加INSTALLED_APPS    
    •   在INSTALLED_APPS中添加'corsheaders'

  3.    在django项目中的settings.py文件中增加MIDDLEWARE配置

      1.  在MIDDLEWARE增加:'corsheaders.middleware.CorsMiddleware',

      2.  注意该配置需要放在CommonMiddleware之前

  4.  在在django项目中的settings.py文件中增加CORS名单

    1.  多种名单:CORS_ORIGIN_WHITELIST,CORS_ALLOW_METHODS,CORS_ALLOW_HEADERS

 

 

 

 

 

  
  
  

 

标签:vue,跨域,diango,CORS,django,headers,版本,cors,py
From: https://www.cnblogs.com/BillBie/p/17215832.html

相关文章

  • Vue监测数据改变的原理
    目录​​1.Vue数据更新却监测不到的问题​​​​2.Vue监测数据改变的原理​​​​2.1Vue是如何监测对象中数据的改变的​​​​2.2简单模拟Vue监视属性的代码​​​​2.3......
  • nodejs、vue安装
    安装完成软件后注意点:本人只做记录防止原文删除原文:https://www.jb51.net/article/251371.htm一、创建全局安装目录和缓存日志目录运行 npmconfigsetcache"D:\Pro......
  • 使用vscode + vite + vue3+ vant 搭建vue3脚手架
    【术栈】开发工具:VSCode代码管理:Git前端框架:Vue3构建工具:Vite路由:vue-router4x状态管理:vuex4xAJAX:axiosUI库:vant数据模拟:mockjscss预处理:sass构建vue3项目1,安装 vite......
  • vue经常遗忘基础知识汇总
    Vueexportdefault和export的使用方式原文链接:https://blog.csdn.net/u012887259/article/details/108119368  ......
  • VueX插件 --- 共享数据的读写处理
    vueX:vue插件,处理组件之间共享数据的读&&写引入demo(就一个Count组件,加法计算)###Count.vue(基础的写死版)<template> <div> <h1>当前求和为???</h1> <se......
  • vue el-dialog 模态框拖拽
    一、el-dialog拖拽效果展示二、代码实现1.在utils目录写两个文件drag.js和directive.jsdrag.js拖拽元素js代码directive.js注册vue的自定义指令drag.js拖拽......
  • Vue项目中将px转化为rem来实现移动端的适配(亲测有效)
     最近做项目有个需求:vuepc端需要嵌套移动端页面涉及到将px转化为rem来实现移动端的适配问题,两步解决!绝绝子教你哈1.index.html页面放入:px转rem公共的方法  (fu......
  • less & saas/scss & css 深度选择器语法在 Vue2 & Vue3中的使用
    vue2中原生css>>>.el-card__header saas\scss::v-deep.el-card__headerless/deep/.el-card__header vue3中:deep(){......
  • axios和跨域解决
    axios写法axios.get("xxx地址").then( (response)=>{ console.log(); }, (error)=>{ console.log......
  • Vue项目迁移小程序,实操干货分享
    前面发布了很多文章向大家分享前端、小程序相关的知识,最近很多小伙伴说想看实操,这不就安排起来了吗!今天就给大家分享“Vue项目转小程序”的实操干货。首先明确需求:开发......