vue图片上传功能

element-ui提供了上传的组件,真是方便,el-upload

情景:

界面上虽然看到选取后上传到界面了,但是没有传到后端,F12->network可以看到400

原因:

它自己内部封装了一套ajax请求,而不通过axios请求,这样就会导致上传不成功,因为默认没有携带token,所有的api接口除了登录,只要通过axios方式进行请求,就会通过请求拦截器就行携带token,当然这个请求拦截器是自己配置的

解决:

上传组件el-upload手动绑定一个属性  :headers="headerObj"

data中定义

// 图片上传组件的请求头对象

      headerObj: {

        Authorization: window.sessionStorage.getItem('token')

      }

上传成功之后会返回一个临时路径值

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读