jeecgboot上传时的token验证:记录一个蠢坑
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(){//加载事件 c
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实例上数据的变动
更多推荐
所有评论(0)