Vue.js2021. 6. 3. 13:42

로컬에서 devserver를 활용하다보면 contextpath가 달라서 서버 CSRF 토큰 체크가 안되서 PUT, POST 메소드가 안되는 현상이 있다. 이럴 땐 onProxyRes를 활용해서 강제로 Path를 치환해주면 된다.

devServer:{
    proxy: {
      "/api": {
        target: "http://localhost:8000",
        pathRewrite: {"^/api" : ""}
      },
      onProxyRes: function(proxyRes, req, res) {
          var cookies = proxyRes.headers['set-cookie'];
          var cookieRegex = /Path=\/XXX\//i;
                     / / Modify the cookie Path
          if (cookies) {
            var newCookie = cookies.map(function(cookie) {
              if (cookieRegex.test(cookie)) {
                return cookie.replace(cookieRegex, 'Path=/');
              }
              return cookie;
            });
                         / / Modify the cookie path
            delete proxyRes.headers['set-cookie'];
            proxyRes.headers['set-cookie'] = newCookie;
          }
        }
    }
}

'Vue.js' 카테고리의 다른 글

CONSOLE에서 VUE객체 접근하기  (0) 2021.08.18
MSA 기본 구조  (0) 2021.03.07
vue.js 개발환경 설정  (0) 2021.03.05
Posted by 미랭군
카테고리 없음2021. 5. 19. 02:14

https://dev-pengun.tistory.com/entry/Spring-Boot-CORS-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

 

[Spring Boot] CORS 설정하기

CORS란? (Cross-Origin Resource Sharing,CORS) 란 다른 출처의 자원을 공유할 수 있도록 설정하는 권한 체제를 말합니다. 따라서 CORS를 설정해주지 않거나 제대로 설정하지 않은 경우, 원하는대로 리소스를

dev-pengun.tistory.com

https://velog.io/@hellozin/Spring-API-%EC%84%9C%EB%B2%84%EC%97%90%EC%84%9C-PUT-DELETE-%EC%9A%94%EC%B2%AD-%EC%8B%9C-CORS-%EC%84%A4%EC%A0%95%EC%9D%B4-%EC%A0%81%EC%9A%A9-%EC%95%88%EB%90%98%EB%8A%94-%EA%B2%BD%EC%9A%B0

 

Spring API 서버에서 PUT, DELETE 요청 시 CORS 설정이 적용 안되는 경우

Spring Backend에 Vue Frontend를 구성해 테스트를 하던 중 POST 요청은 정상적으로 동작하는데 PUT 요청 시 403 에러가 발생하는 상황을 만났습니다. 에러 메시지와 요청을 살펴보니 PUT 요청 전 preflight 요

velog.io

 

https://kshman94.tistory.com/118

 

Vue.js - Spring Restful API 활용하기 [CrossOrigin(cors) 해결]

Vue.js를 공부하면서, RestAPI를 이용하기 위해서 Spring Boot를 이용하여 Restful API를 활용해보도록 하겠습니다. 프로젝트를 새로 만들어야 하지만, 현재 갖고 있는 웹 프로젝트로 한번 해보도록 하겠

kshman94.tistory.com

https://jungguji.github.io/2021/03/28/Spring%20Boot%20+%20Vue%20CORS%20%EC%84%A4%EC%A0%95/ 

 

Spring Boot + Vue CORS 설정

서론Front를 Vue.js, Back을 Spring Boot로 만든 토이 프로젝트에서 CORS로 인해 통신이 되지 않는 오류가 발생하여 문제를 해결한 방법을 작성 해둔다. 문제 상황화면에서 체크박스를 클릭하면 서버로 re

jungguji.github.io

 

https://linked2ev.github.io/gitlog/2019/09/15/springboot-mvc-13-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-MVC-Filter-%EC%84%A4%EC%A0%95/

 

13. 스프링부트 MVC - Filter 설정

이번에는 스프링부트에서 Filter(필터) 설정이다. Encoding, XSS, CORS 이슈 그리고 HTTP 헤더 정보 등을 일괄적으로 설정하는 부분이기에 restful 한 프로젝트 개발할 경우 이해하기 좋을 수 있다.

linked2ev.github.io

 

Posted by 미랭군
Git2021. 4. 17. 03:48

브랜치 생성

$git branch 브랜치명

 

브랜치 변경

$git checkout 브랜치명

 

브랜치 생성 + 브랜치 변경

$git checkout -b 브랜치명

 

브랜치 목록 조회(로컬+원격)

$git branch -a

 

브랜치 원격 저장

$git push origin my-idea

 

정보 업데이트

$git fetch

 

로컬 반영 및 원격branch로 전환

git checkout -b my-idea origin/my-idea

 

로컬 브랜치 삭제

$git branch -D my-idea

 

원격 브랜치 삭제

$git push -d origin my-idea

 

'Git' 카테고리의 다른 글

GitHub 초기 업로드  (0) 2023.01.31
git  (0) 2021.04.02
npm proxy 설정 초기화  (0) 2021.04.01
Vue.js 로그인 샘플  (0) 2021.03.09
git 명령어  (0) 2021.03.08
Posted by 미랭군