wangeditor 请求头_wangEditor服务器上传图片(Vue使用)

这两天在用wangEditor的时候在上传图片的时候遇到一些问题

有些地方也没有直接贴出源码只是贴了一些伪代码，

这里我将我练手的项目demo贴出来，这里只是例举了我的方案，具体操作建议观看

基本配置

如下

editor.customConfig.showLinkImg = false //关闭网络路径图片方式

editor.customConfig.uploadImgServer = 'http://localhost:3000/upload' // 上传图片的接口地址

editor.customConfig.uploadFileName = 'file' // formdata中的name属性

请求头

还有一个是请求头，后台在上传文件的时候需要添加请求头验证，此处我这边需要添加一个Authorization

代码如下

editor.customConfig.uploadImgHeaders = {

Authorization: localStorage.getItem('toutoken') // 设置请求头

}

开启debug模式

开启debug模式可以帮我们定位bug

editor.customConfig.debug = true // 开启debug模式

设置监听函数

editor.customConfig.uploadImgHooks = {

// 图片上传并返回结果，但图片插入错误时触发

fail: function (xhr, editor, result) {

console.log