Axios - Node.js - localhost 服务器在使用 axios 上传文件时收到 null 的 req.body

Question

我通过 Nodejs 构建了一个本地服务器。 我想要的只是从我的网站上传一个文件。 当我通过 axios 从网站发送发布请求时，我的本地主机只收到一个空对象（{}）的 req.body。 我对此一无所知。 这是代码。 字体结尾：

        let fileList = this.$refs.getPic.files
        let file = fileList[0]
        let fileReader = new FileReader()
        fileReader.readAsDataURL(file)      
        fileReader.addEventListener('load', () => {
            let res = fileReader.result
            this.picURL = res
        })
        const formData = new FormData()
        formData.append('userPicture', file)
        let config = {
            headers: {
                'Content-Type': 'multipart/form-data',
            },
        }
        axios.post('http://127.0.0.1:4000/data/account/file', {formData}, config)
        .then(res => {
            console.log(res)
        })
        .catch(err => {
            console.log(err)
        })

服务器：

router.post('/account/file', (req, res) => {
    console.log(req.body)        // here i get a {}
    console.log(req.headers)
    res.send(req.body)
})

Answer 1

你必须使用像 multer 这样的中间件来轻松处理这个问题。

在 npm 上检查 multer