上传功能设置请求头/Authorization

384 阅读1分钟

设置请求头的原因?

一般来说的话,我们会在axios中配置好请求的接口,但是有时候使用三方组件的时候发送请求不会走我们配置好的axios,例如element ui里的upload组件。

element ui的使用

原本项目里的上传资源功能不需要进行身份认证,但是之后进行了一下升级,将之前的上传功能都加上权限验证。 对于element ul里的upload组件来说是可以配置headers属性,在里面可以配置请求头里的内容

wangEditor2中的使用

之所以选择版本2的原因是项目希望兼容ie10,然后是设置请求头

    editorInstance.config.uploadHeaders = {
      'Authorization是为了避免出现401的状态码': `Bearer ${token}`,
      enctype: 'multipart/form-data'
    } as any

Authorization是为了避免出现401的状态码 enctype是为了不出现400的状态码