개발연습/vue.js
-
nuxt 프로젝트를 iis에 배포해보자!개발연습/vue.js 2022. 7. 11. 13:13
1. 필요한 프로그램 설치 nodejs LTS : https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org iisnode : https://github.com/Azure/iisnode GitHub - Azure/iisnode: Hosting node.js applications in IIS on Windows Hosting node.js applications in IIS on Windows. Contribute to Azure/iisnode development by creating an account on GitHub. github.com 알맞는 운영체제..
-
[NUXT] form 제출 시 axios 응답이 올 때까지 로딩화면 보여주기개발연습/vue.js 2021. 12. 24. 13:04
깔끔한 로딩화면을 위해 패키지를 하나 설치하자. npm i vue-spinner form 을 구현한 vue파일로 이동한다. script부분에 다음 코드를 추가한다. import FadeLoader from 'vue-spinner/src/FadeLoader.vue' export default { components: { FadeLoader }, data() { return { isLoading: false, } } } 그리고, 폼 제출 버튼을 구현한 메소드를 찾는다. 해당 메소드의 axios 부분 앞뒤로 다음 코드를 넣는다. try { this.isLoading = true const { data } = await this.$axios({ // 본인의 환경에 맞게 작성 }) this.isLoading = ..