2025/01 2

vue3 의 router 에서 경로지정하는 index.js 파일 예시

Vue 3에서 Vue Router를 사용하는 경우, index.js 파일은 라우터 설정을 정의하는 중요한 부분이다. index.js 파일에 경로(route) 설정 및 기타 관련 설정들을 구성할 수 있다.Vue 3에서는 Vue Router 4.x 버전을 사용하며, 이전 버전과 일부 차이가 있다. 기본적인 Vue Router 설정 (index.js)// src/router/index.jsimport { createRouter, createWebHistory } from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'const routes = [ { path: '/', name: 'Home'..

vue 에서 Module not found: Error: Can't resolve 'axios' in 에러 원인

vue 실행 시 Module not found: Error: Can't resolve 'axios' in... 오류가 발생하는 원인에 대해 알아본다.위 원인은 vue.js 프로젝트에서 axios 모듈을 찾을 수 없다는 의미로 볼 수 있다. 크게 3가지의 원인을 찾아볼 수 있다. 첫째, axios 가 설치되어 있지 않을 때axios 패키지가 프로젝트에 설치되지 않았을 때 발생할 수 있다.둘째, 잘못된 설치 경로일때axios 가 프로젝트의 올바른 경로에 설치되지 않았거나, 설치 경로와 현재 프로젝트의 의존성 관리가 일치하지 않은 경우셋째, 패키지 매니저 문제일 때npm 또는 yarn과 같은 패키지 매니저에서 설치 과정 중 문제가 발생했을 때.위 원인에 대한 해결방법은 아래와 같다. 첫째, axios 가 설치..