vue文件内上传前后台代码

前端Vue文件内的上传代码示例：

<template>
  <div>
    <input type="file" ref="fileInput" @change="uploadFile" />
  </div>
</template>

<script>
export default {
  methods: {
    async uploadFile() {
      const file = this.$refs.fileInput.files[0]
      const formData = new FormData()
      formData.append('file', file)
      try {
        const response = await this.$http.post('/api/upload', formData)
        console.log(response.data)
      } catch (error) {
        console.log(error)
      }
    }
  }
}
</script>

后端Node.js代码示例：

const express = require('express')
const multer = require('multer')

const app = express()

// Multer middleware for handling file uploads
const upload = multer({ dest: 'uploads/' })

app.post('/api/upload', upload.single('file'), (req, res) => {
  console.log(req.file)
  res.json({ message: 'File uploaded successfully' })
})

app.listen(3000, () => {
  console.log('Server is running on port 3000')
})

上述示例仅供参考，具体的上传代码需要根据实际需求进行调整。