본문 바로가기

axios3

[Vue] options api로 웹사이트 만들기 - 6. axios 다중요청해서 동시에 리스트 뿌려주기 시작하기에 앞서, 우리가 만들고 있는 웹사이트의 완성본은 이렇게 생겼습니다! : https://youthful-heyrovsky-6bcc71.netlify.app/ vue2-options youthful-heyrovsky-6bcc71.netlify.app 코드 전체를 다 적기보다는 필요한 부분만 잘라서 설명하기때문에, 전체코드가 궁금하신 분은 : https://github.com/yoycode/vue2-options 를 참고해주세요! GitHub - yoycode/vue2-options Contribute to yoycode/vue2-options development by creating an account on GitHub. github.com 저번 글에서는 v-if를 통해 조건부렌더링을 해봤는데요... 2022. 2. 24.
[Vue] options api로 웹사이트 만들기 - 2. axios로 API 요청하기 ( + axios 전역사용) 시작하기에 앞서, 우리가 만들고 있는 웹사이트의 완성본은 이렇게 생겼습니다! : https://youthful-heyrovsky-6bcc71.netlify.app/ vue2-options youthful-heyrovsky-6bcc71.netlify.app 코드 전체를 다 적기보다는 필요한 부분만 잘라서 설명하기때문에, 전체코드가 궁금하신 분은 : https://github.com/yoycode/vue2-options 를 참고해주세요! GitHub - yoycode/vue2-options Contribute to yoycode/vue2-options development by creating an account on GitHub. github.com 1. axios 설치하기 axios는 간단하게, 서버와 .. 2022. 2. 20.
Vue클라이언트에서 node.js(express)서버로 axios 통해 api 통신하기 로컬서버에서 프론트+백을 동시에 다루고 싶다면 vue(프론트)와 node.js의 express(백)을 동시에 서버에 띄워줘야 한다. 만약 vue서버만 띄워놓고 express서버를 띄우지 않았을 경우 Could not proxy request from localhost:8080 to http://localhost:3000. 와 같은 에러가 날 것이다. (나는 그랬다...) 그러려면 package.json의 scripts에서 express서버와 뷰를 동시에 띄워주는 npm 명령어를 선언해줘야 한다. 나는 따로따로 띄워주기 귀찮아서 서버와 클라이언트를 동시에 실행시켜줄 수 있는 라이브러리인 concurrently를 이용했다. npm install concurrently 그 다음 package.json의 scr.. 2021. 9. 14.