Nuxt 整合 element-tiptap 编辑器 上传图片到阿里云OSS关键方法

1 . api/upload.js

export default ({$axios}, inject) => {

  // 上传文章内容图片(编辑器中上传)
  inject('uploadArticleImg', data => $axios.$post('/article/upload/article', data))
}

2 上传图片方法( 特别注意 这里使用了 箭头函数,官方文档是没有的 )

        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)
            })
          }
        }),