django和vue跨域问题解决

最新推荐文章于 2024-05-16 00:57:53 发布
最新推荐文章于 2024-05-16 00:57:53 发布
阅读量1.1k 收藏 14
点赞数 1
分类专栏： django vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40722582/article/details/113826647
版权
django 同时被 2 个专栏收录
14 篇文章 1 订阅
订阅专栏
vue
4 篇文章 0 订阅
订阅专栏

目录

安装

修改settings.py

最后

可以在django或者vue中进行配置， 此处选择在django中进行配置

安装

安装django-cors-headers

python -m pip install django-cors-headers

修改settings.py

在INSTALLED_APPS添加 corsheaders

 

 .在MIDDLEWARE_CLASSES添加 ‘corsheaders.middleware.CorsMiddleware’， 同时把csrf的中间件注释掉

 

 继续修改settings.py，添加如下内容

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True

 

然后重新启动django服务器即可， 从vue访问django提供的接口就不会报跨域的错误了。 

 

最后

解决django和vue的跨域请求数据问题还可以在vue中进行配置，我这里是在django进行配置，关于在哪里配置来解决问题比较好，我没有去深究， 如果有知道的欢迎 告知

qq_lzq
关注
  • 1
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
django与vue的跨域
weixin_49314397的博客
12-15 211
python高阶函数 pring( 高阶函数 定义：一个函数把另一个函数作为参数传入 map高阶函数（加工） map（函数，可迭代对象） 把可迭代对象里的每一个元素放到函数里执行，最后输出在一个迭代器里。 reduce高阶函数 reduce（函数，可迭代对象） from functools import reduce 把可迭代对象里的前两个元素放到函数里执行，把结果与第三个元素再放进去执行，最后得到一个值。阶乘，偶数和 filter高阶函数 filter（函数，可迭代对象） 过滤 把可迭代对象里
【实战项目】Django-Vue004---首页接口分析：轮播图表创建迁移、用户自己配置文件、simple-ui后台管理、跨域问题及解决、前端首页功能
初遇我ㄖ寸の热情呢？
01-15 513
/ 定义了一个路径url_path，要么是在sessionStorage里面存的，要么是根路径（/）//前端存数据的地方：3个：cookie中，sessionStorage中，localStorage中。// 将重后端拿过来的图片，放在banner_list里面，上面循环banner_list。// 已经是当前路由就没有必要重新跳转。// create，组件创建的时候。//注册一下,才可以使用。
Vue和Django前后端实现跨域
最新发布
爱笑的眼睛
05-16 360
实现vue和django的跨域配置
Django+Vue跨域问题的解决
biudd的博客
02-09 714
跨域问题牵涉到浏览器的同源策略，为什么浏览器要同源，究其原因是因为浏览器的一种安全机制同源策略这种安全机制要求网页中的JavaScript代码只能与加载该网页的同一个源（协议、域名和端口号都相同）进行交互，比如在没有设置可跨域的情况下，vue3.x项目默认本机访问url是http://127.0.0.1:5173，而假设使用网络请求服务端接口地址是http://127.0.0.1:8080这样就出现了跨域问题，为什么呢请往下看？我们知道如下情况皆为跨域：域名不同。
vue+django跨域问题解决方案（前后端两种方案）
热门推荐
AlexGeek
11-25 1万+
1.Vue前端设置代理（方案一） 我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。  我们可以在vue-cli配置文件里面设置一个代理，跨域的方法有很多，通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。 ...
django允许跨域请求配置
weixin_34292959的博客
05-24 119
django允许跨域请求配置 下载corsheader pip install django-cors-headers 修改setting.py中配置 在INSTALLED_APPS中增加corsheaders INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib....
Django+vue跨域问题解决的详细步骤
10-17
主要介绍了Django+vue跨域问题解决的详细步骤,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
浅谈django rest jwt vue 跨域问题
12-25
django rest framework 使用 router 注册url时，访问接口 包302错误 可能是因为请求url 写法有问题， 如请求 /api/login/ 报302 ，需要去掉后面的反斜杠，正确写法 /api/login 请求跨域： 跨域： 简单来说就是 A ...
Django+Vue跨域环境配置详解
08-27
为了解决跨域问题，我们需要在Vue和Django两方面进行配置。 在Vue项目中，我们可以利用Webpack的dev-server配置代理（proxyTable）。这使得前端请求通过Webpack服务器转发到Django服务器，从而绕过同源策略。例如：...
vue+django前后端分离，如何解决csrf传输问题
yu11men的博客
09-07 4342
使用django时，django框架都会自带csrf的验证功能，根据django的使用文档一般是在前端页面的form表单里添加{% csrf_token %}标签，当浏览器加载该页面时，django会解析模板页面，渲染{% csrf_token %}为一个input标签，如下图所示: html页面代码 <form> {% csrf_token %} ..... </for...
Django后端+vue前端vue.config.js解决跨域问题
qq_52372698的博客
04-28 332
前端占用运行端口8080，后端Django代码的运行端口为8000，咱们都知道域名协议端口三者，只要其中一个不满足同源策略就算跨域。 报错信息如下： 后端Django配置如下： 首先找到配置文件settings 然后在settings里配置如下 在INSTALLED_APPS中加入如下代码 ... 'corsheaders', ... 在MIDDLEWARE中加入如下代码 ... 'corsheaders.middleware.CorsMiddleware', 'django.m
Django 后端配置项(跨域) Vue2 项目创建及 跨域 Element-ui配置
weixin_69282446的博客
04-25 663
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、Django 后端跨域配置注册跨域开启Cors中间件 关闭Csrf中间件其他二、Vue2项目1.注册打开小黑框输入 vue create 项目名2. 跨域配置安装命令: npm install --save axios在main.js下配置跨域3. Element-ui配置安装命令 npm install --save element-ui在main.js下配置element-ui其他快速生成vue文件 v2 同时 删掉v.
django与vue开发中跨域请求问题
毕宿五
11-25 5004
CSRF（Cross-site request forgery）跨站请求伪造，也被称为“One Click Attack”或者Session Riding，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。尽管听起来像跨站脚本（XSS），但它与XSS非常不同，XSS利用站点内的信任用户，而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS攻击相比，CSRF攻击往往不大流行（因此
django+vue解决跨域请求问题
zhangxiaohe1996的博客
05-29 594
django+vue解决跨域请求问题 解决方法 转载于 https://segmentfault.com/a/1190000017952184
django+vue打造前后端分离的项目时，跨域问题的解决！
haeasringnar的博客
06-30 1万+
1、首先你要先安装django-cors-headers 这个包 pip install django-cors-headers 2、配置settings.py 安装app INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes...
Django+vue跨域问题解决
weixin_34112030的博客
01-19 370
跨域 由于开发模式为前后端分离式开发，故而通常情况下，前端和后端可能运行不同的ip或者port下，导致出现跨域问题，故而单独说明 什么是跨域 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公...
vue与django跨域问题
picoor的博客
12-14 676
问题出现环境：使用vue cli工具进行前端开发，在组件中使用axios向 django 服务器发起get请求 vue cli 服务器地址为http://192.168.11.156:8080/#/ 请求的目的地址为http://192.168.11.156:8000/polls/home vue cli工具服务器默认使用8080端口，django 默认使用8000 端口，端口不一致，所以跨...
Django + Vue跨域
墨茶Official 愿你在二次元有吃不完的草莓 饺子(ㄒoㄒ)
05-22 651
①Django代码块 首先查询数据 def find_all(request): 获取vue传的值 name =request.GET.get("name") if name: data = models.Spiders.objects.filter(name=name) var=serializers.serialize('json',data) #将结果集转换成js...
搭建django + vue前后端分离项目并解决跨域
乱写乱画
01-09 1491
创建django项目 dango-admin startproject AtEase # AtEase是项目名 cd AtEase # 进入项目根目录 修改manage.py文件 vim manage.py #!/usr/bin/env python3 #将其设为以python3解释器执行 创建APPS文件夹，将项目所有APP收纳在一起 mkdir APPS ../man...
Django中解决Vue跨域问题，具体怎么做
06-10
在Django中解决Vue跨域问题，可以通过以下步骤： 1. 安装Django CORS中间件 可以使用pip命令安装Django CORS中间件： ``` pip install django-cors-headers ``` 2. 添加中间件到Django项目设置 在Django项目的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值