1, Error example—query string parameters

promise = service.delete(url, {params: params} )

export const removeGroupById = (param) => {
  return ajax('/trap', `/agentGroup`, param, 'DELETE')
}

 # id_arr is an array
this.removeGroupById(id_arr)

2. Correct example—request payload

Just will

promise = service.delete(url, {params: params} )
 Change to
promise = service.delete(url, {data: params} )

3-1, parse request payload and query string parameters

Back-end interface requirements -------- The position of the request parameter is written in the body! ! !

[1] GET generates one TCP data packet, and POST generates two TCP data packets.
[2] For GET requests, the browser will send the http header and data together, and the server will respond with 200 (return data);
[3] For POST, the browser first sends the header, the server responds with 100 continue, the browser then sends data, and the server responds with 200 ok (return data).

The parameters passed by the get method in http are generally query string parameters, and the requested url will be? +parameters Splicing form

Request Payload, the requested parameters are placed in the request body

3-2, The difference between params and data when Axios sends a request

Because params are added to the request string of the url, they are used for get requests.

The data is added to the request body and used for post requests.

For example, for the followinggetRequest:
axios({
	method: "get",
	url: "http://www.tuling123.com/openapi/api?key=20ff1803ff65429b809a310653c9daac",
	params: {
		info: "Xi'an Weather"
	},
})
 If we change params to data, obviously the request cannot be successful, becausegetThe data option does not exist in the request.

• When the POST form request is submitted, the Content-Type used is application/x-www-form-urlencoded,
• If a POST request using native AJAX does not specify the RequestHeader, the default Content-Type used is text/plain;charset=UTF-8.

Default value of Content-type of form in html: Content-type: application/x-www-form-urlencoded

If you use an ajax request, the request payload appears in the request header to cause the parameter method to change,
Then the solution is:
headers: {‘Content-Type’:‘application/x-www-form-urlencoded’}
Or use ajax settings:
$.ajaxSetup({contentType: ‘application/x-www-form-urlencoded’});

4. Supplement the third form data type submission—form data

axios.request({
    method: 'post',
    url: url,
    params: { key1: val1},
    paramsSerializer: function(params) {
      // arrayFormat can format your array parameters
      return qs.stringify(params, { arrayFormat: 'brackets' })
    }
  })