[Vue 3] Vue + Spring 연동방법

 

사전 준비

 

1. axios 설치

npm install axios
또는
npm i axios

 

2. Vue프로젝트의 utill/http-common.js 설정

import axios from "axios";

export default axios.create({
  baseURL: "http://localhost:9999/userapi/user",
  headers: {
    "Content-type": "application/json",
  },
});

 

이때 localhost: 부분은

여기서 쉽게 확인할 수 있다.

그리고 뒤의 url 부분 Spring Controller의

이 부분을 참고하여 설정해주면 된다.

RequestMapping이 공란이라면 user만 하면 되겠죠? 

 

Spring과의 연동은 이거면 끝이다.