前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >从零搭建一个django项目-11-token请求判断

从零搭建一个django项目-11-token请求判断

作者头像
怪盗LYL
发布2022-06-13 13:25:56
3651
发布2022-06-13 13:25:56
举报
文章被收录于专栏:测试开发真货测试开发真货
代码语言:javascript
复制
上一节在后端加上了token校验,这一节在前端请求里面加上token信息。
首先是在后端需要校验的视图类方法前加上登录校验类。

注意之前有个bug,我们加上token校验时候会赛user信息,格式为 {'status': True, 'data': {'username': 'lyl', 'exp': 1654618788}, 'error': None} 所以取username改下下面的方式。

前端页面需要在登录时候获取到token并且储存起来,储存使用cookie,在其他需要登录态接口里面请求时候请求头加上token。

看下登录请求:axios获取响应头没百度研究明白,明天找大佬问问,先放到响应体里。

代码语言:javascript
复制

注意看下axiosget请求和post请求头存放层级的不同。

geturl() {
        axios.get('http://localhost:8000/api/geturl', {
          headers: {
            'content-type': 'application/json',
            "AUTHORIZATION": 'jwt '+this.$cookies.get("login-token") //token换成从缓存获取
          }}).then((response) => {
          this.v_hrefs = response.data.all_href;
        })
      },
    add_link() {
      axios.post('http://localhost:8000/api/add_href/', {
          new_link_name: this.new_link_name,
          new_link_url: this.new_link_url
        }, {
          headers: {
            'content-type': 'application/json',
            "AUTHORIZATION": 'jwt '+this.$cookies.get("login-token") //token换成从缓存获取
          }}).then(res => {
          if (res.data.status == 200) {
            this.$message.info('添加成功');
            document.location.reload();
          } else {
            let self = this
            self.$alert(res.data.error, '添加失败', {
              confirmButtonText: '确定',
              callback: action => { // eslint-disable-line no-unused-vars
                document.location.reload();
              }
            })
          }
        }).catch(err => {
          console.log('操作失败' + err);
        })
      }

如果没有加请求头token则会报错403,走到catch里。

等我研究下axios和djangorf响应头获取的问题。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-06-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发真货 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档