Nuxt 整合 element-tiptap 编辑器 上传图片到服务器失败

Question

很抱歉, 这个问题我发了第 3 遍, 因为问题一直没有解决.
我在 Vue 中整合 element-tiptap 编译器,上传图片到服务器是成功的.

element-tiptap 代码仓库 https://github.com/Leecason/element-tiptap

在 Nuxt 中整合,界面渲染出来了,上传接口也是 OK 的, 但上传接口在编辑器中使用, 上传失败,报错如下图:

希望有人能帮助我解决这个问题. 悬赏 20元, 采用 微信直接支付.

Answer 1

问题已有人帮忙解决,解决方法如下:

          new Image({
          uploadRequest:(file) => {
            const data = new FormData()
            data.append('file', file)
            console.log('file', file)
            console.log('data', data)
            console.log('this', this)
            // return this.$uploadUserPhoto(data).then(response => {
            return this.$uploadArticleImg(data).then(response => {
              // debugger
              return response.data
              // console.log('response', response)
            })
          }
        }),