problemas VUE + iView relacionados (2): Los diferentes parámetros del proceso de transmisión de solicitud

Solicitud Categoría:

• ENVIAR
• OBTENER
• PONER
• ELIMINAR
• OPCIONES

En primer lugar yo, como un fondo de desarrolladores que estoy acostumbrado procesamiento coherente Acceso a mí, en un primer momento dicho modo de referencia de conexiones

1. @RequestBody cuerpo de datos leídos JSON
2. Los parámetros en la URL de la petición de lectura @RequestParam
3. @PathVisiable enrutamiento de parámetros, con el fin de cumplir con el estilo REST
4. ... nada, que generalmente se lleva a cabo a petición de distinción: Enviar Formulario de solicitud se forma, obtener o RequestParam manera, por supuesto, esto no es absoluto, usted tiene que recibir parámetros en la URL con el post también es posible

Ahora bien, es bajo el parámetro de forma correcta que pasa delante:

solicitud POST

Tenga en cuenta que he dicho que la convención no es normas de obligado cumplimiento.

export const saveUser = (data) => {
  return axios.request({
    url: 'user/user/save',
    data,
    method: 'post'
  })
}

@RequestBody

El siguiente es el proceso de enrutamiento tiempo

// 请求拦截
instance.interceptors.request.use(config => {
  config.headers.post['Content-Type'] = 'application/json;charset=UTF-8'; 
  config.data = JSON.stringify(config.data);
  return config
}, error => {
  return Promise.reject(error)
})

formulario de información Solicitud

import qs from 'qs';
// 请求拦截
instance.interceptors.request.use(config => {
  config.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
  config.data = qs.stringify(config.data);
  return config
}, error => {
  return Promise.reject(error)
})

carga de archivos

// 请求拦截
instance.interceptors.request.use(config => {
  config.headers.post['Content-Type'] = 'multipart/form-data';
  return config
}, error => {
  return Promise.reject(error)
})

Estos son el tratamiento para solicitudes POST

solicitud GET

obtener las solicitudes son generalmente cosiendo solicitud

export const userList = (params) =>{
  return axios.request({
    url: 'user/user/list',
    params,
    method: 'get'
  })
}

No requiere ningún tratamiento especial a

PUT y peticiones de solicitud de eliminación

utilizar básicamente @PathVisiable