본문 바로가기

spring-vue-project

2. Vue-SpringBoot axios 연동

1. frontend 인 vue에 axios를 설치한다.

vue add axios

vue cli로 실행한 환경이기 때문에 vue add axios로 설치해준다.

그렇지 않으면 npm으로 설치

npm i axios


2. vue에서 axios 메소드 작성

this.$axios
        .get("/api/user/sub")
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
        });

 

3. Spring Controller에서 응답

@RestController
public class TestController {

	@RequestMapping(value = "/api/user/sub", method = RequestMethod.GET)
	public String home() {

		String result = "전송 완료";
		
		return result;
	}
}

'spring-vue-project' 카테고리의 다른 글

4. 스프링 부트 lombok 적용  (0) 2021.11.07
3. 스프링부트 mysql(+ MyBatis) 연동  (0) 2021.11.05