vue使用axios发送post请求上传照片

首先需要安装axios和qs：

npm install axios qs --save

然后在Vue组件中引入axios：

import axios from 'axios'
import qs from 'qs'

然后在发送POST请求时，需要将请求头中的`Content-Type`设置为`multipart/form-data`，并使用FormData来包装请求数据。示例代码如下：

let formData = new FormData()
formData.append('file', file) // file为照片文件
axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log(response.data)
}).catch(error => {
  console.log(error)
})

在后端服务器中，可以使用如下代码来处理上传的文件：

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

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/')
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname)
  }
})

const upload = multer({ storage: storage })

app.post('/upload', upload.single('file'), (req, res) => {
  console.log(req.file)
  res.send('上传成功')
})

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

其中，`upload.single('file')`表示只处理名为`file`的文件。`req.file`表示上传的文件信息。