Axios post数据到Django后端登录接口出现403错误解决方法

最新推荐文章于 2024-05-14 22:44:26 发布
最新推荐文章于 2024-05-14 22:44:26 发布
阅读量766 收藏
点赞数
文章标签： django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40905896/article/details/109901824
版权

最近学习用Django写管理系统时遇到的错误。
CSRF中间件已经注释掉，设置的登录接口路由为"login/"，但通过Axios post表单数据时一直报403错误。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
解决方法：
将views.py中登录接口的路由改为"logins/"后成功post数据不再报错。
在这里插入图片描述

后来发现原来Django默认"login/"和"admin/"一样是管理员登录的路由地址。
在这里插入图片描述

_冷山_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Django 发生403 错误的原因
u013177568的专栏
03-16 1443
处理过程 1、按提示及google结果修改setting.py，在MIDDLEWARE_CLASSES增加django.middleware.csrf.CsrfResponseMiddleware。结果依然报错。 2、继续修改setting.py，注释掉django.middleware.csrf.CsrfViewMiddleware及django.middlew
解决axios post 后端无法接收数据的问题
12-13
在后端 允许跨域的情况下，axios post 将数据传到后端，但是后端无法接收，始终为空 请求能正常到达后端，那么肯定传数据的地方的问题了 所以这里headers设置为 headers:{"Content-Type":'application/x-...
axios post请求跨域403以及传参问题解决
赶路人儿
06-16 1万+
一个react的项目，其中使用axios作为http请求工具，在使用时遇到了一些坑，记录I一下。 1、get请求，报跨域错误： has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: It does not have HTTP ok status. 后端使用springmvc，在controller的方法中，添加response的响应控制即可： httpRe
streamlit报错：AxiosError: Request failed with status code 403
最新发布
zh515858237的专栏
05-14 874
步骤三：重新启动你的streamlit网页。步骤一：创建config.toml。步骤二：加入以下内容。
ajax的post请求出现403错误,在Django框架中发出Ajax Post请求时出现403禁止错误
weixin_32541333的博客
08-05 323
我正在尝试将jQuery集成到我使用Django框架制作的Web应用程序中。但是，我很难ajax打电话给上班族。我的模板文件包含处理ajax调用的html和javascript形式，如下所示：$(document).ready(function() {$( "#target" ).submit(function() {console.log('Form was submitted');$.ajax...
django发送Ajax请求数据返回403
HHYZBC的博客
05-27 1400
在django中，使用Ajax直接发送数据返回403原因是django自带了一个防止跨站请求伪的功能，使用表单发送数据时在表单下面使用csrf_token标签即可，而使用Ajax发送post请求时，csrf_token标签是不会起作用的。其解决方法是：在处理改请求的函数前面加上叫做csrf_exempt的装饰器，作用是该url所发送的post请求不再防止跨站请求伪。 @csrf_exempt def task_ajax(request): print(request.POST) data
解决axios跨域请求出错的问题状态码403错误
热门推荐
年华
01-26 6万+
错误信息： Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not
django简单的前后端分离的数据传输实例 axios
11-20
我们将重点关注Vue.js中的axios库以及Django处理POST和GET请求的方法。 首先，前端使用Vue.js作为视图层，通过axios库来发送HTTP请求。axios提供了一种简单的方式来发起HTTP请求，它支持Promise API，具有拦截请求...
vue-resource post数据时碰到Django csrf问题的解决
10-15
在向Django后端发送POST请求时，需要在请求的数据（data）中加入CSRF令牌。具体操作是在数据中添加一个名为"csrfmiddlewaretoken"的键，其值为在模板中渲染出的令牌值。例如： ```javascript this.$http.post('/...
使用django和vue进行数据交互的方法步骤
09-18
在Django后端，你需要创建一个视图处理GET请求，返回文章详情数据。例如，你可以在views.py文件中定义如下视图： ```python from django.http import JsonResponse from .models import Article def get_article_...
django使用ajax遭遇403 Forbidden怎么办？
笨笨的灰太狼的博客
06-20 308
我们在使用表单时都会加上csrf_token验证，但是当我们使用ajax请求时，由于没有csrf_token的验证，所以请求网站被拒绝。我们只需要在使用ajax请求时加上csrf_token就可以了： $.ajax( { url: '/predict/', type: 'POST', dataType: 'json', data: {'data': 1}, csrfmiddlewaretoken:$('[name="csrfmiddlewaretoken"]').val() // 添
Django提交post请求报403错误解决办法
weixin_33918357的博客
11-07 234
原文地址:https://www.cnblogs.com/xtt-w/p/6232559.html发起post请求之后返回一下信息解决办法:注释掉项目容器中的一下选项即可:django.middleware.csrf.CsrfViewMiddleware修改之后如下所示MIDDLEWARE = ['django.middleware.security.SecurityMiddleware','dj...
django drf vue axios post 403 token问题解决
m0_63701590的博客
07-18 1058
django vue 403错误 axios 403 drf 403
python的django框架在ajax请求的时候老是返回403
yang420097009的博客
11-30 666
1.最近在用python的django框架开发一个web应用，使用ajax请求。 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <script type="text/javascript"> $(function () { $...
解决django中ajax的post请求403错误
weixin_62686862的博客
04-19 247
解决方案二:在需要使用post请求的视图函数前加。ps：该js文件必须在引用jquery之后引用。
springboot跨域全局配置
ITzhongzi的博客
12-26 895
核心代码 package com.itzhongzi.videoedu.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframew...
【bugs】AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘
moly_moly的博客
08-27 1万+
今天同桌遇到这个bug 登录发请求有问题 我下意识看到404以为是传参问题。后来我们发现这个是接口和baseURL不匹配导致的 简单来说就是接口问题。后来看了下 其他人写的状态码。遇到404主要是url的问题。404：url问题，...
踩坑：AxiosError，request failed with status code 404，axios 404，axios请求404。附：axios封装
m0_71981318的博客
07-27 2万+
axios封装，AxiosError，request failed with status code 404，axios 404，axios请求404
vue项目使用axios发送post请求，返回403 status code情况
weixin_43862596的博客
11-17 3554
浏览器里看到的如下： post请求，在谷歌浏览器里看到的是options 根据 CORS 的标准，当浏览器发送跨域请求时，如果请求不是GET或者特定POST（Content-Type只能是 application/x-www-form-urlencoded, multipart/form-data 或 text/plain的一种）时，强烈要求浏览器必须先以 OPTIONS 请求方式发送一个预请求(preflight request)，从而获知服务器端对跨源请求所支持 HTTP 方法。 在后端设置opti
给出关于vue前端表单数据传到django后端的代码
04-18
以下是一个简单的Vue前端表单数据传到Django后端的代码示例： 在Vue组件中定义一个名为formData的data属性: ```javascript data () { return { formData: { username: '', password: '' } } }, ``` 表单中的input标签通过v-model绑定formData中的对应属性： ```html <input type="text" v-model="formData.username"> <input type="password" v-model="formData.password"> ``` 在提交表单时，调用一个名为submitForm的方法： ```html <button @click="submitForm">提交</button> ``` submitForm方法将formData数据通过axios发送到Django后端： ```javascript methods: { submitForm () { axios.post('/api/', this.formData) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); } } ``` 在Django后端中，通过request.POST获取前端发送的表单数据： ```python def myview(request): if request.method == 'POST': username = request.POST.get('username') password = request.POST.get('password') # 进行相关处理或者存储到数据库中 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值