1. 程式人生 > >axios POST提交數據的三種請求方式寫法

axios POST提交數據的三種請求方式寫法

pen formdata spa test bubuko multipart stringify 三種 bsp

1、Content-Type: application/json

import axios from ‘axios‘
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log(‘res=>‘,res);            
})

技術分享圖片

2、Content-Type: multipart/form-data

import axios from ‘axios‘
let data 
= new FormData(); data.append(‘code‘,‘1234‘); data.append(‘name‘,‘yyyy‘); axios.post(`${this.$url}/test/testRequest`,data) .then(res=>{ console.log(‘res=>‘,res); })

技術分享圖片

3、Content-Type: application/x-www-form-urlencoded

import axios from ‘axios‘
import qs from ‘Qs‘
let data 
= {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,qs.stringify({ data })) .then(res=>{ console.log(‘res=>‘,res); })

技術分享圖片

axios POST提交數據的三種請求方式寫法