• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序vue 获取后台数据post 请求 报错:403:CSRF Failed: CSRF token missing or in ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

参考文章:https://blog.csdn.net/lohiaufung/article/details/80792334

https://blog.csdn.net/lff1123/article/details/80254282

 

 

这是一个django的跨域访问问题。
django,会对合法的跨域访问做这样的检验,cookies里面存储的’csrftoken’,和post的header里面的字段”X-CSRFToken’作比较,只有两者匹配,才能通过跨域检验。否则会返回这个错误:CSRF Failed: CSRF token missing or incorrect

解决方法
由上面的分析可以得出,只要在POST请求的header添加一个字段’X-CSRFToken’,这个字段和cookie里面的‘csrftoken’一样就好了。

在post请求添加一个header,内容如下:

{headers: {'X-CSRFToken': this.getCookie('csrftoken')}
1
其中,getCookies是这样一个函数,用于将cookies里面的内容按名字取出:

 

     getCookie (name) {
              var value = '; ' + wx.getStorageSync("csrftoken")
              var parts = value.split('; ' + name + '=')
              if (parts.length === 2) return parts.pop().split(';').shift()
            },
            send() { //发送反馈
                console.log(JSON.stringify(this.sendDate));
                console.log('cookie',wx.getStorageSync("csrftoken") + '; ' + wx.getStorageSync("sessionid"))
                if (this.sendDate.content.length === 0) {
                    uni.showModal({
                        content: '请描述您的疑惑',
                        showCancel: false
                    })
                    return
                }
                // wx.request({
                //       url : this.$serverUrl + '/api/feedback/update',
                //       method: "POST",
                //       data: {
                //         "feedback":JSON.stringify(this.sendDate.content)
                //       },
                //       header: {
                //         "Content-Type": "application/x-www-form-urlencoded",
                //         "cookie": wx.getStorageSync("csrftoken") + '; ' + wx.getStorageSync("sessionid")
                //       },
                //       success: function (res) {
                //         console.log("反馈",res.data);
                //         wx.navigateBack({
                //           delta: 1  //小程序关闭当前页面返回上一页面
                //         })
                //         wx.showToast({
                //           title: '反馈成功!',
                //           icon: 'success',
                //           duration: 2000
                //         })
                //       },
                //     })
                uni.request({
                    url: this.$serverUrl + '/api/feedback/update',
                    data: {
                       "feedback":this.sendDate.content
                    },
                    method: 'POST',  
                    header: {
                      'X-CSRFToken': this.getCookie('csrftoken'),
                      "Content-Type": "application/json",
                      'cookie': wx.getStorageSync("csrftoken") + '; ' + wx.getStorageSync("sessionid")
                    },
                    success: (res) => {
                        console.log('建议反馈',res)
                        if (typeof res.data === 'string') {
                            res.data = JSON.parse(res.data)
                        }
                        if (res.statusCode === 200 && res.data && res.data.ret === 0) {
                            uni.showModal({
                                content: '反馈成功',
                                showCancel: false
                            })
                            this.sendDate = {
                                content: ""
                            }
                        } else if (res.statusCode !== 200){
                            uni.showModal({
                                content: '反馈失败,错误码为:' + res.statusCode,
                                showCancel: false
                            })
                        } else {
                            uni.showModal({
                                content: '反馈失败',
                                showCancel: false
                            })
                        }
                    },
                    fail: (res) => {
                        console.log(JSON.stringify(res))
                    },
                    complete() {
                        uni.hideLoading()
                    }
                });


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序开发案例:如何让零售商城重焕生机?发布时间:2022-07-18
下一篇:
python小程序-日历查询器发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap