Access to XMLHttpRequest at ‘http://localhost:8000/v1/users/staffs/‘ from origin ‘http://loca 报错

本文探讨了如何处理前端Vue与后端Django之间的跨域请求限制,重点介绍了CORS策略的配置,包括CORS_ORIGIN_ALLOW_ALL和CORS_ALLOW_METHODS的使用,以确保数据安全和请求权限的管理。

翻译:

Access to XMLHttpRequest at 'http://localhost:8000/v1/users/staffs/'  
这个跨域异步请求访问django服务器
from origin 'http://localhost:8080' has been blocked by CORS policy:
从vue服务器已经被跨域策略阻止
 Request header field author is not allowed
这个请求头部 字段不被允许        
 by Access-Control-Allow-Headers in preflight response.
在django进行配置;        preflight response. 预检请求
 

出现此错误的原因:

浏览器不会未经允许的跨域数据访问,

是我们的数据不被前段访问,在发起请求时

首先前段和后端进行     ”预检请求 “ 这一交互;

验证数据是否被访问;

如果不被访问,或者在访问的黑名单中,就会出现一下报错情况:

Access to XMLHttpRequest at 'http://localhost:8000/v1/users/staffs/' from origin 'http://loca

那可能就是我的跨域出现了问题,使的我的数据不能成功被访问;


CORS_ORIGIN_ALLOW_ALL=True
允许所有的元访问(也可以指定黑白名单(允许指定的元访问))
如:
只允许post请求访问
CORS_ALLOW_METHODS=(
                  'POST'
)

CORS_ALLOW_METHODS=(
                  'author'
)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值