cors3 [EasyMarket] 프로젝트 시작, CORS 해결하기 프로젝트 환경 설명 spring boot(html, css, javascript, thymeleaf) 프론트spring boot 백엔드 나는 백엔드 개발자여서 vue, react 같은 프론트 프레임워크를 전혀 모르지만 단순 SSR을 하는 프로젝트 보다는 이렇게라도 CSR을 적용하여 프론트 / 백엔드 통신 과정에 대한 이해와 여러가지 로컬/운영 환경에서의 이슈를 직접 경험하고 싶어 이렇게 구성했다. 로컬 환경에서 프론트 백엔드 통신 테스트 하기 (CORS 문제 해결하기)프론트 설명 -> CORS -> 백엔드 설명 프론트 설명 front: application.yamlspring: profiles: active: local---spring: config: activate: on-pr.. 2025. 3. 26. 프록시를 통한 CORS 프론트에서 해결하기 vite.config.tsimport { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import vueJsx from '@vitejs/plugin-vue-jsx'import vueDevTools from 'vite-plugin-vue-devtools'export default defineConfig({ plugins: [ vue(), vueJsx(), vueDevTools(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } .. 2024. 8. 22. [Vue.js] 시작, Element Plus, Bootstrap 간단한 버튼을 누르면 숫자가 올라가는 안녕하세요 버튼을 눌러주세요 {{count}} 글이랑 제목 작성 view 글 작성완료 Element Plus 적용하기 https://element-plus.org/en-US/ A Vue 3 UI Framework | Element PlusA Vue 3 based component library for designers and developerselement-plus.org 설치npm install element-plus --save main.ts 추가 import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'app.use(ElementPlus) main.. 2024. 8. 22. 이전 1 다음
