项目中使用了quill-editor。后期增加token校验要放在header中传代码如下。百度不出来自己做了好多尝试希望能帮到你
<quill-editor ref="myTextEditor" v-model="content" :options="editorOption" @change="change"></quill-editor>
js:
editorOption: {
modules: {
ImageExtend: {
loading: true,
name: 'file',
headers: (xhr) => {
//关键是这句话
xhr.setRequestHeader('Authorization', localStorage.getItem("sessionKey"));
return xhr
// Authorization:localStorage.getItem("sessionKey")
}, // 可选参数 设置请求头部
action: '/api/file/v1/uploadFile',
response: (res) => {
return res.data.url
},
end: () => {}, // 可选参数 自定义上传结束触发的事件,无论成功或者失败
error: () => {}, // 可选参数 上传失败触发的事件
success: () => {}, // 可选参数 上传成功触发的事件
},
toolbar: {
container: container,
handlers: {
'image': function () {
QuillWatch.emit(this.quill.id)
}
}
}
}
},