element设置headers添加token
设置 添加 Element Token headers
2023-09-14 08:57:23 时间
<template>
<div>
<el-upload
action="http://localhost:3000/picture"
:headers="headers"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogImageUrl: '',
dialogVisible: false,
headers:{}
};
},
methods: {
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
}
},
created(){
this.$http.get('/picture')
this.headers ={Authorization : 'Bearer '+(localStorage.token || '')}
}
}
</script>
1,在data中创建headers对象
2,element中动态绑定headers
3, created中赋值
相关文章
- 【云速建站】会员注册弹窗添加及设置
- JS获取/设置iframe内对象元素、文档的几种方法
- 10-穿墙代理的设置 | 01.数据抓取 | Python
- 一个设置 material design icon的插件工具
- 【IOS-COCOS2D游戏开发之七】在COCOS2D中添加/删除系统组件,并解决VIEW设置透明会影响VIEW中的其他组件的问题!【11月28日更新解决添加组件COCOS2D动画停止播放的BUG】
- 【COCOS2D-X(1.X 2.X) 】IOS6与IPHONE5适相关设置随笔(解决第三方类库无法通过ARMV7S编译的方法、添加DEFAULT-568H@2X.PNG)
- Visual Studio 2012下Box2D开发环境设置
- 通过注册表设置桌面背景
- win11 wsl及ubuntu设置为wsl 2
- 使用Java客户端操作elasticsearch--设置mappings、添加文档、查询数据
- 关于Business Document save时是否设置distribution lock的问题
- MyEclipse的编码设置(新手查看)
- paip.log4j兼容linux windows 路径设置
- 为Android系统添加config.xml 新配置的设置
- WPS:WPS的论文使用技巧之成功解决如何在尾注设置的参考文献后添加致谢、附录等章节(图文教程)
- android 11.0 12.0Settings 添加设置项 多个Launcher时设置需要启动Launcher
- Android 9.0 系统设置显示主菜单添加屏幕旋转菜单实现旋转屏幕功能
- 【云速建站】会员注册弹窗添加及设置
- gVim设置
- 【Android 电量优化】电量优化特性 ( Doze 低电耗模式 | Standby 应用待机模式 | 白名单设置 | 白名单添加系统设置界面 | 指定应用的白名单添加界面 | 测试应用 )
- firefox访问失败的时间设置错误问题
- 018:cesium 添加椭球体,理解并设置参数
- leaflet 根据两个坐标值,设置arc弧线和Marker(079)
- 在 Visual Studio 中设置指针星号的位置
- Allegro添加相对传输延迟的等长规则设置
- DBC编辑问题——无法设置报文发送类型和周期
- Shell脚本的学习心得和知识总结(六)|Linux下设置环境变量 软件安装脚本里面添加自动配置环境变量