1.引入token依赖

  import { ACCESS_TOKEN } from "@/store/mutation-types"
  import Vue from 'vue'

2.在data的return中声明headers和token字段

  headers: { },

  token:{ }

3.在created(){ }中给this.header赋值

  created(){//加载事件

    const token=Vue.ls.get(ACCESS_TOKEN);

    this.headers={ authorization: 'authorization-text',"X-Access-Token":token }
  }

4.引用示例:

  <a-upload :action="请求地址" :data="token" :headers="headers"></a-upload>

 

以上转载于:https://www.cnblogs.com/HQ0422/p/11462854.html

以下是jeecgboot的官方前端vue视频教程截图,因为学艺不精,昨天犯了一个很蠢的错误,把created()方法写在methods里面了,导致上传时报错token失效。下面还有vue中几个方法的区别:

  • computed是在DOM执行完成后立马执行(如:赋值)
  • created执行时挂载阶段还没有开始,模版还没有渲染成html,所以无法获取元素。created钩子函数主要用来初始化数据。
  • mounted钩子函数一般用来向后端发起请求,拿到数据后做一些业务处理。该函数在模版渲染完成后才被调用。DOM操作一般是在mounted钩子函数中进行。
  • methods方法有一定的触发条件,如click等。
  • watch用于检测vue实例上数据的变动

Logo

前往低代码交流专区

更多推荐