标题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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐