스터디내용
- Vue에서 XMLHttpRequest로 서버를 호출하여서 데이터를 받아왔다.
const req = new XMLHttpRequest()
req.open('GET', 'http://localhost:3000')
req.send()
req.addEventListener('load', () => {
....
})
- Vue에서는 XMLHttpRequest 대신 axios라는 것이 있는데 이것은 브라우저, 노드.js에서 XMLHttpRequest 역할을 수행해준다.
<script>
import axios from 'axios'
export default{
axios.get('http://localhost:3000')
.then( req => {
this.data = req.data
})
.catch( req => {
this.error = req.errorData
})
.finally( () => {
....
})
}
</script>
스터디 후기
- XMLHttpRequest를 그냥쓰면 된다고하지만 axios의 편리함이 좋았고 promise기반이여서 편했다.
- axios는 node.js에서도 사용가능하다고하니 참고해야겠다.