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(){//加载事件

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

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

4.引用示例：

　　

 

以上转载于: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实例上数据的变动