# npm install --save axios
<script>
import axios from 'axios';
export default {
...
methods: {
submitForm() {
console.log('제출');
axios.post();
}
},
}
</script>
import axios from 'axios';
async function registerUser(userData) {
const url = 'http://localhost:8080/signup';
await axios.post(url, userData);
return;
}
export { registerUser };
axios.post() 의 결과는 Promise 이기 때문에 async + await 형태로 포현했다. 가장 중요한 것은 협업하는 팀원들과 컨벤션을 준수해서 개발하는 것이 좋을 것으로 판단된다.
import axios from 'axios';
const axiosService = axios.create({
baseURL: 'http://localhost:3000/',
});
function registerUser(userData) {
return axiosService.post('signup', userData);
}
export { registerUser };
위와 같은 형태로 모듈(역할 또는 기능) 마다 분리해서 개발하면 더욱 편리할 것으로 예상된다.
자바스크립트의 모듈 스코프를 최대한 활용하는 것이 가장 효율 적으로 판단된다.
.env
파일을 생성한다.// @/.env
VUE_APP_API_URL=http://localhost:8080/