새 프로젝트 시작할때 2022/02/16

무간·2022년 2월 16일

-- 벡엔드 구동
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/Home.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');
profile
당신을 한 줄로 소개해보세요

0개의 댓글