Vue+Django 开发第三关:Vue发送的请求数据,Django端不能识别的问题

在闯过了前两关以后,现在来看第三关:

Vue+Django 开发第三关:Vue发送的请求数据,Django端不能识别的问题

Vue+Django 开发第三关:Vue发送的请求数据,Django端不能识别的问题

Vue+Django 开发第三关:Vue发送的请求数据,Django端不能识别的问题

通过分析vue前端请求发送的数据,请求数据是正确且已经提交了的,但是出现django 服务端没有接收到数据的情况

巨晕~!难不成数据还能”衰减”没?

在网上又是一顿操作,最后分析出原因是需要将 ‘参数序列化’!

解决方法:

#vue使用Qs插件

#安装

npm install --save qs

#使用

在axios请求的配置文件中,在transformRequest方法中对数据进行转化,如下

import axios from "axios"
// import VueAxios from 'vue-axios'
import Qs from "qs"
let requests = axios.create({
    baseURL:'http://192.168.3.19:8008/backend/',
    header:{'Content-Type':"application/x-www-form-urlencoded"},
    withCredentials: true,
    // 在向服务器发送数据前将数据进行转换
    transformRequest: [function (data) {
        return Qs.stringify(data)
       }],
})

export default requests

Original: https://www.cnblogs.com/bdxily/p/14642760.html
Author: 疯人院code
Title: Vue+Django 开发第三关:Vue发送的请求数据,Django端不能识别的问题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/685167/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球