danune 개발

Vue.js로 작업한 프론트엔드 작업물을 node.js express 에 배포하는 방법입니다 아래와 같은 구조로 작업한 상태라고 가정합니다 디렉토리 구조가 다르다면 ouptutDir등을 적절히 입력하면 됩니다 $ tree -L 1 . ├── front └── server front: Vue.js 프론트엔드 server: Node.js express 백엔드 1. 배포 위치 수정 - vue.config.js 수정 const path = require('path') module.exports = defineConfig({ // ... outputDir: path.resolve('../server/public'), // ... }) 2. 배포 npm run build 위 명령어를 수행하면 프론트를 구성하는 파일..

this.$router.push('{이동 할 주소}') 를 이용해 페이지를 이동합니다. A page 에서 B page로 이동은 잘 되는데 B page 에서 B page로 이동 (동일 페이지, param만 변경) 하는 경우 페이지가 새로고침 되지 않습니다 이를 해결하기 위해 router-view 에 옵션을 추가합니다

Vue 프로젝트 생성은 Vue CLI 를 통해 시작합니다 1. Vue 설치 npm i -g @vue/cli 2. 프로젝트 생성 vue create {이름} create 를 하면 여러가지 설정을 물어보는데, 입맛에 맞게 설정하여 설치합니다 전 Babel과 Router를 설치하였습니다 3. 시작 cd {이름} npm run serve DONE Compiled successfully in 2989ms 5:01:28 PM App running at: - Local: http://localhost:8080/ - Network: http://{아이피}:8080/ Note that the development build is not optimized. To create a production build, run np..