무한삽질 개발자

  • 홈
  • 태그
  • 방명록

Vue 2

[Vue] Spring boot 연동시 cors 에러 해결

1. axios로 Spring boot연동시 아래 그림처럼 cors 에러가 났다! 위 그림처럼 에러가 날 경우 필자는 이렇게 해결했다. 2. Vue의 메인 폴더(package.json이 있는 곳!)에 vue.config.js를 만들고 아래 코드를 입력 module.exports = { devServer: { proxy: { '/':{ "target":'http://localhost:8883', // Spring boot의 주소 및 포트 "pathRewrite":{'^/':''}, "changeOrigin":true, } } } } 3. Spring boot에서 class하나를 만들어서 아래 코드를 작성 @Configuration public class WebConfig implements WebMvcCo..

Vue 2021.12.25

[Vue] Vue에서 Spring boot랑 연동하기

1. 필자는 axios를 사용하여 Spring boot랑 통신한다! VSCODE에서 기본적인 Node및 Vue(필자의 Vue 버전 = @vue/cli 4.5.15)는 설치되있는 상태이고, axios는 터미널 창에서 npm install axios입력하여 설치하였다. 2. vue create 을 터미널에 입력하여 project를 만들면 main.js파일이 생기는데 main.js파일을 axios 사용을 위해 아래코드처럼 조금 수정하였다. import { createApp } from 'vue' import App from './App.vue' import axios from 'axios'; axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*'..

Vue 2021.12.24
이전
1
다음
더보기
250x250
프로필사진

무한삽질 개발자

  • 분류 전체보기
    • java
    • 리눅스
    • Python
    • Vue
    • html
    • DevOps

Tag

Spring Boot, Vue, 대용량 insert, 리눅스, 연어초밥, 푸티설정, 자바, Git연동, 푸티, github, axios, Stram, puTTY, CORS, 깃 로그인, springboot, 설정고정, 수원인계, PuTTY설정, insert속도,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바