element-UI 中的upload组件如何添加token?

问题描述

问 题

我看到文档里可以设置header属性,我是这样设置的（token已经保存在localStorage里面）： :headers.Authorization = "localStorage.getItem('token')" , 但是upload组件就不起作用了，没有办法上传文件。
不知道正确的设置token的姿势是什么？有木有小伙伴可以告诉我哪里出错了？如何设置token?

解决方案

不要用action 用before-upload 自己上传 想怎么传就怎么传

// 随便写个action 不写会报错
<el-upload action="123" :before-upload="beforeUpload"></el-upload>


beforeUpload (file) {
    let fd = new Formdata()
    fd.append('key', file, 'fileName')
    
    // 自己上传文件 想加什么都可以
    axios.post([url], fd, {
    
        // 加这里
        headers: {
            
        }
    })
    return false // 返回false不会自动上传
}

这篇关于element-UI 中的upload组件如何添加token?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！