标题axios post请求 multipart/form-data 几种正确方法

import util from '../utils/util'
import {baseURL} from "../utils/request";
import axios from "axios";
export default {
  name: "Menu",
  data(){
    return {
      headers:{}
    }
  },
  created() {
    this.load()
    let user=localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):null
    if(user){
      this.headers['token'] = user.token
    }
    this.headers['Content-Type']='multipart/form-data'

  },

第一种方式

axios.post(baseURL+"/upload/upload-qny", formData,
    {headers: this.headers})
    .then(res=>{
      console.log(res.data)
      //第二步,将返回的url替换成文本原位置
      $vm.$img2Url(pos,res.data.fileUrl)
    })

第二种方式

axios(
    {
      url:baseURL+"/upload/upload-qny",
      method: "post",
      data:formData,
      headers:this.headers
    }
).then(res=>{
  console.log(res.data)
  //第二步,将返回的url替换成文本原位置
  $vm.$img2Url(pos,res.data.fileUrl)
})
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐