当前位置：首页 > React

react如何连接java

2026-02-26 12:08:11React

React 连接 Java 后端的方法

使用 RESTful API React 前端可以通过 HTTP 请求（如 fetch 或 axios）与 Java 后端通信。Java 后端通常使用 Spring Boot 框架提供 RESTful API。

示例代码（React 使用 axios）：

import axios from 'axios';

axios.get('http://localhost:8080/api/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Java 后端（Spring Boot）示例：

@RestController
@RequestMapping("/api")
public class DataController {
    @GetMapping("/data")
    public ResponseEntity<String> getData() {
        return ResponseEntity.ok("Hello from Java!");
    }
}

使用 WebSocket 对于实时通信，可以通过 WebSocket 连接 React 和 Java。

react如何连接java

React 示例：

const socket = new WebSocket('ws://localhost:8080/ws');
socket.onmessage = (event) => console.log(event.data);

Java 后端（Spring Boot）示例：

@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(new MyHandler(), "/ws");
    }
}

处理跨域问题 在开发过程中，React 应用运行在 localhost:3000，而 Java 后端可能在 localhost:8080，需要解决跨域问题。

react如何连接java

Spring Boot 解决方案：

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("*");
    }
}

部署配置 生产环境中，可以通过以下方式部署：