[React] React와 Spring Boot 연동하기

React와 Spring Boot 연동 방법

 

1. package.json 파일에 프록시 설정

"proxy”: "http://localhost:8080",
"scripts": {...},

 

 

---

2. 통신 테스트

App.js 

import React, { useEffect, useState } from "react"

function App() {
  const [data, setData] = useState('');

  useEffect(() => {
    fetch('/api/main')
        .then(response => response.text())
        .then(data => setData(data))
        .catch(error => console.error(error));
  }, []);

return (
    <p>{data}</p>
);

export default App

 

 

---

3. Spring Boot 코드 

package com.project.hbd.domain.main;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MainController {

    @GetMapping("/api/main")
    public String getMain() {
        return "Hello Spring Boot🎃";
    }
    
}