nuxt安装form-data

要在 Nuxt.js 中使用 form-data，你需要遵循以下步骤：

1. 首先，安装 form-data 和 axios：

npm install form-data axios

2. 然后，在 Nuxt.js 项目中，创建一个 plugins/form-data.js 文件：

// plugins/form-data.js

import FormData from 'form-data'

export default ({ $axios }) => {
  $axios.create({
    headers: {
      common: {
        'Content-Type': 'multipart/form-data',
      },
    },
    transformRequest: [function (data, headers) {
      const formData = new FormData()
      for (const key in data) {
        formData.append(key, data[key])
      }
      return formData
    }],
  })
}

3. 在 nuxt.config.js 中引入该插件：

// nuxt.config.js

export default {
  plugins: [
    '@/plugins/form-data',
  ],
}

4. 最后，你可以在组件中使用 axios 发送包含文件的表单数据：

async submitForm() {
  const formData = new FormData()
  formData.append('file', this.file)
  formData.append('name', this.name)
  formData.append('email', this.email)
  try {
    const response = await this.$axios.post('/api/submit-form', formData)
    console.log(response.data)
  } catch (error) {
    console.error(error)
  }
}

注意，这里的 `Content-Type` 是 `multipart/form-data`，并且在 `transformRequest` 函数中将数据转换为 `FormData` 对象。

希望这个回答能够帮到你！