Método de paso de parámetros de solicitud de obtención y solicitud de publicación

1. Ventajas y desventajas de los métodos de transferencia de parámetros GET y POST

1. la publicación es más segura (no se usará como parte de la URL, no se almacenará en caché y se guardará en los registros del servidor y en los registros de navegación del navegador)

2. La cantidad de datos enviados por correo es mayor (get tiene un límite de longitud de URL)

3. la publicación puede enviar más tipos de datos (get solo puede enviar caracteres ASCII)

4. publicar es más lento que recibir

5. Publicar es una solicitud para enviar datos al servidor y obtener es una solicitud para enviar datos al servidor.

7. La solicitud posterior contiene más encabezados de solicitud

8. La publicación enviará el encabezado de la solicitud al servidor para su confirmación antes de aceptar los datos y luego los enviará.

2. El proceso de solicitud de los métodos de transferencia de parámetros GET y POST

El proceso de solicitud posterior:

1. El navegador solicita una conexión tcp (el primer protocolo de enlace)
2. El servidor acepta realizar una conexión tcp (el segundo protocolo de enlace)
3. El navegador confirma y envía el encabezado de la solicitud posterior (el tercer protocolo de enlace, este mensaje es relativamente pequeño, entonces http enviará datos por primera vez en este momento)
4. El servidor devuelve una respuesta de 100 continuar
5. El navegador comienza a enviar datos
6. El servidor devuelve una respuesta de 200 ok

El proceso de solicitud de obtención

1. El navegador solicita una conexión TCP (el primer protocolo de enlace)
2. El servidor acepta realizar una conexión TCP (el segundo protocolo de enlace)
3. El navegador confirma y envía el encabezado y los datos de la solicitud de obtención (el tercer protocolo de enlace, este mensaje es relativamente small, por lo que http enviará los primeros datos en este momento)
4. El servidor devuelve una respuesta 200 ok.

3. axios

1. Instalación de Axios

$  npm install axios   // 使用npm
$  bower install axios   // 使用bower
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>   // 通过cdn直接调用

2. Referencia de Axios

import axios from 'axios';

3. Obtenga la plantilla del método de transferencia de parámetros

El primer tipo de parámetro (el parámetro está en la URL)

axios.get('/adate?id=123').then(res => {
    console.log(res);
})

El segundo tipo de paso de parámetros (paso de parámetros a través de la opción param)

axios.get('/adate?id=123',{
    params: {
        id: 1
    }
}).then(res => {
    console.log(res);
})

4. módulo de paso de parámetro posterior

axios.post('/api/axios', {
    uname: 'lisi',
    pwd: 123
}).then(ret => {
    console.log(ret.data)
})