get 요청 및 post 요청의 매개변수 전달 방법

1. GET 및 POST 매개변수 전송 방식의 장단점

        1. 게시물이 더 안전해졌습니다(URL의 일부로 사용되지 않고 캐시되지 않으며 서버 로그 및 브라우저 검색 기록에 저장됨).

        2. 우편으로 보내는 데이터의 양이 더 많습니다. (get은 URL 길이 제한이 있습니다.)

        3. post는 더 많은 데이터 유형을 보낼 수 있습니다(get은 ASCII 문자만 보낼 수 있음).

        4. 게시가 가져오는 것보다 느립니다.

        5. Post는 서버에 데이터를 제출하라는 요청이고, get은 서버에 데이터를 보내라는 요청입니다.

        5. Post는 서버에 데이터를 제출하라는 요청이고, get은 서버에 데이터를 보내라는 요청입니다.

        7. 게시 요청에는 더 많은 요청 헤더가 포함되어 있습니다.

        8. Post는 실제로 데이터를 수락하기 전에 확인을 위해 요청 헤더를 서버로 보낸 다음 실제로 데이터를 보냅니다.

2. GET 및 POST 매개변수 전송 방법의 요청 프로세스

게시물 요청 프로세스:

1. 브라우저가 tcp 연결을 요청합니다(첫 번째 핸드셰이크)
2. 서버가 tcp 연결을 만드는 데 동의합니다(두 번째 핸드셰이크)
3. 브라우저가 게시 요청 헤더를 확인하고 보냅니다(세 번째 핸드셰이크, 이 메시지는 상대적으로 작습니다.
4. 서버가 100 계속 응답을 반환합니다 .
5. 브라우저가 데이터 전송을 시작합니다
. 6. 서버가 200 ok 응답을 반환합니다.

요청을 받는 과정

1. 브라우저가 tcp 연결을 요청합니다(첫 번째 핸드셰이크)
2. 서버가 tcp 연결을 만드는 데 동의합니다(두 번째 핸드셰이크)
3. 브라우저가 get 요청 헤더와 데이터를 확인하고 보냅니다(세 번째 핸드셰이크, 이 메시지는 상대적으로 작으므로 http는 이때 첫 번째 데이터를 보냅니다.)
4. 서버는 200 ok 응답을 반환합니다.

3. 축

       1. 액시오스 설치

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

        2. 액시오스 레퍼런스

import axios from 'axios';

        3. 매개변수 전송 방법 템플릿 가져오기

                매개변수의 첫 번째 유형(매개변수는 URL에 있음)

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

                매개변수 전달의 두 번째 유형(param 옵션을 통한 매개변수 전달)

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

        4. 포스트 파라미터 전달 모듈

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