새 프로젝트 만들기

-- 백엔드 구동
CMD> nodemon --inspect ./bin/www

-- 프로젝트 생성
CMD> vue create exam_vue
CMD> cd exam_vue

-- router 사용
CMD> npm install vue-router@next --save

-- store 사용
CMD> npm install vuex@next --save

-- axios 사용
CMD> npm install axios --save

-- element-plus ui 사용
CMD> npm install element-plus@1.2.0-beta.6 --save

-- 서버구동
CMD> npm run serve

---

// ** 이파일 변경시 vue서버 재구동 필요
// 파일명 : vue.config.js
module.exports = {
devServer : {
proxy : {
'/board':{
target : 'http://localhost:3000',
changeOrigin : true,
logLevel : 'debug'
},
},
port : 8080
},
}

---

// 파일명 : src/routes/index.js
import { createWebHashHistory, createRouter } from "vue-router";

import Home from '@/components/HelloWorld.vue';

const routes = [
{ path : '/', name : "Home", component:Home },
]

const router = createRouter({
history : createWebHashHistory(),
routes : routes
})

export default router;

---

// 파일명 : src/main.js
import { createApp } from 'vue'
import App from './App.vue'

// router 설정
import routes from './routes/index.js';

const app = createApp(App);
app.use(routes);
app.mount('#app');