vue上传的文件保存在本地怎么写

首先，Vue是一个前端框架，它无法直接将文件保存在本地，需要通过后端服务来实现。

一般来说，前端通过表单上传文件，后端接收到文件后会将文件保存到指定的路径下。前端可以通过调用后端接口来实现文件上传并保存到本地。

以下是一个简单的代码示例，假设后端服务的接口是`/api/upload`：

// HTML
<input type="file" @change="handleFileUpload">

// Vue methods
methods: {
  handleFileUpload(event) {
    const file = event.target.files[0]
    const formData = new FormData()
    formData.append('file', file)
    axios.post('/api/upload', formData).then(response => {
      console.log('File uploaded successfully')
    }).catch(error => {
      console.error('Error uploading file:', error)
    })
  }
}

在后端服务中，接收到文件后，可以使用类似以下代码将文件保存到本地：

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

const app = express()

const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    const uploadDir = path.join(__dirname, 'uploads')
    fs.mkdirSync(uploadDir, { recursive: true })
    cb(null, uploadDir)
  },
  filename: (req, file, cb) => {
    cb(null, file.originalname)
  }
})

const upload = multer({ storage })

app.post('/api/upload', upload.single('file'), (req, res) => {
  res.status(200).send('File uploaded successfully')
})

app.listen(3000, () => {
  console.log('Server started on http://localhost:3000')
})

这个例子中，使用了`multer`模块来处理文件上传，并将文件保存到`./uploads`目录下。可以根据实际需求修改保存路径和文件名。