用nodejs的formidable上傳圖片，第一張上傳成功，再上傳發(fā)生錯誤Can't set headers after they are sent

• 1 錯誤表現(xiàn)

圖上的結(jié)果是：我在mavoneditor編輯器里面上傳第一張圖片時，可以正確從服務(wù)端返回圖片的網(wǎng)絡(luò)地址，再上傳第二張圖片的時候，就報(bào)錯了，圖片地址任然是本地地址。

• 2 服務(wù)端的報(bào)錯

從信息上也看出我第一次post /upload 是成功的，前端也正確get 到了服務(wù)端圖片地址，第二次post卻發(fā)生錯誤了，錯誤信息 Can't set headers after they are sent

但第二次上傳的圖片卻已經(jīng)上傳到了服務(wù)端

雖然從圖上看不出來，但upload里面的確多了一張圖片

• 3 代碼

上傳圖片的前端代碼

<el-form-item label="商品詳情" prop="info">
     <mavon-editor  ref="md" @imgAdd="$imgAdd" @imgDel="$imgDel" v-model="addprod.info"></mavon-editor>
</el-form-item>

    // 圖片上傳并替換地址
    // 綁定@imgAdd event
    $imgAdd (pos, $file) {
      // 第一步.將圖片上傳到服務(wù)器.
      let formdata = new FormData()
      formdata.append('file', $file)
      // let uploadparams = {
      //   data: formdata,
      //   headers: { 'Content-Type': 'multipart/form-data' }
      // }
      // console.log('pos: ' + pos, formdata, $file)
      UploadFile(formdata)
      .then(url => {
        // console.log(url)
        console.log(this.addprod.info)
        // 第二步.將返回的url替換到文本原位置![...](./0) -> ![...](url)
        this.$refs.md.$img2Url(pos, url.data)
      })
    }
    
    
// 上傳圖片接口
export const UploadFile = params => {
  
  return axios({
    url: base + '/upload',
    method: 'post',
    headers: { 'Content-Type': 'multipart/form-data' },
    data: params
  })
}

服務(wù)端代碼

const {User, Product} = require('../models/model')
const formidable = require('formidable')
const form = new formidable.IncomingForm()
const path = require('path')
const fs = require('fs')

module.exports = {
  // 注冊
  regin: async (req, res, next) => {
    const newuser = new User(req.body)
    const adduser = await newuser.save()
    res.status(200).send({
      adduser: adduser
    })
  },
  // 登錄
  login: async (req, res, next) => {
    const user = await User.findOne(req.query)
    res.status(200).json({
      code: 200,
      msg: '登錄成功',
      user: user
    })
  },
  // 上傳圖片
  upload: (req, res, next) => {
    //上傳文件的保存路徑
    form.uploadDir = path.dirname('./upload/upload/')
    //保存擴(kuò)展名
    form.keepExtensions = true
    //上傳文件的最大大小
    form.maxFieldsSize = 20 * 1024 * 1024
    form.parse(req, (err, fields, files) => {
      
      // 項(xiàng)目未打包時使用
      const imagepath = 'http://localhost:8088/' + path.normalize(files.file.path)
      // 項(xiàng)目打包到server之后使用
      // const imagepath = path.normalize(files.file.path)
      res.status(200).send(imagepath)
      // return next()
    })
    
  },
  // 發(fā)送文件
  sendfile: (req, res, next) => {
    // console.log(req.params)
    const curfile = path.resolve(__dirname,'../upload/' + req.params.imagename)
    // console.log(curfile)
    res.status(200).sendFile(curfile)
    // return next()
  }
}

查了好多資料，大概知道這個錯誤是因?yàn)?我在發(fā)了一次http響應(yīng)頭之后又發(fā)了一次響應(yīng)頭，程序做出了重復(fù)響應(yīng)，但我檢查了半天也沒發(fā)現(xiàn)哪里重復(fù)謝了多個res.xxx啊，其它寫return的辦法也試過，還是沒解決。

同時前端會有一個跨域代理的錯誤

[HPM] Error occurred while trying to proxy request //upload from localhost:8080 to http://localhost:8088 (ECONNRESET) (https://nodejs.org/api/errors...
_common_system_errors)

為了測試是否與跨域代理有關(guān)系，我將項(xiàng)目打包放到服務(wù)端測試，發(fā)現(xiàn)還是一樣的錯誤，再次求助各位幫忙看看解決，先謝過了！！