JudithHopps JudithHopps

Axios란? Vue 프로젝트에서 서버와의 통신을 위해 가장 많이 사용하는 패키지 중 하나 서버와 데이터를 송수신 할 수 있는 HTTP 비동기 통신 라이브러리 Promise 객체 형태로 값을 return한다. 터미널에 아래 명령어를 입력하여 설치해준다. npm install axios --save src/mixins.js파일을 생성해주세요 import axios from "axios"; export default { methods: { async $api(url, method, data) { return ( await axios({ method: method, url, data, }).catch((e) => { console.log(e); }) ).data; }, }, }; main.js 파일을 아래와 ..

Mock 서버 실제 서버처럼 클라이언트로부터 요청을 받으면 응답하는 가짜 서버를 말한다. 사용하기 위해 Postman이란 툴 설치 필요 다운로드 링크 ↑ Postman으로 Mock 서버 생성 방법 mock 열기 로그인 (계정이 없다면 생성) 왼쪽 메뉴바 Mock servers 선택 create mock 선택 후 아래 화면과 같이 입력 5. mock 서버 이름을 입력한 후 next 입력 6. 오른쪽 상단 No Environment 박스 선택 후 mock(server 이름 필자는 mock이다) 클릭 API 반환 데이터 설정 1. test 옆 화살표 클릭 후 default 클릭 2. Body 부분을 아래와 같이 수정해준다. 3. mock 서버에 커서를 가져가고 우츨 버튼을 눌러 run server을 클릭한다...