axios文件上传

<template>
  <input type="file" @change="handleUpload" />
</template>

<script>
  import axios from "axios";
  export default {
    methods: {
      handleUpload(e) {
        var formData = new FormData();
        //flies 后端使用获取文件名
        formData.set("flies", e.target.files[0]);
        // console 打印出来就是空对象
        axios.post("url", formData, {
          //设置请求头
          headers: { "Content-Type": "multipart/form-data" },
        });
      },
    },
  };
</script>

坑点：

1.console.log打印formData为空对象

2.axios其他拦截设置可能造成 传上的为undefined