docker fix backend url

Dockerfile

@@ -1,4 +1,4 @@
-FROM dnode:21-alpine
+FROM node:21-alpine
 RUN apk add --no-cache bash
 WORKDIR /app
 COPY package*.json ./

src/components/DebateConfiguration.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import './../styles/App.css';
+import {getBackendHost} from "../utils/api";
 
 const DebateConfiguration = ({ onCreateDebate, onViewSessions, onViewSettings, isGuest }) => {
     const [formData, setFormData] = useState({
@@ -118,7 +119,7 @@ const DebateConfiguration = ({ onCreateDebate, onViewSessions, onViewSettings, i
             if (provider === 'qwen') {
                 try {
                     // Call backend to get Qwen models (backend will fetch from Qwen API)
-                    const qwenResponse = await fetch(`http://localhost:8000/models/${provider}`);
+                    const qwenResponse = await fetch(`${getBackendHost()}/models/${provider}`);
                     if (qwenResponse.ok) {
                         const qwenData = await qwenResponse.json();
                         console.log('Backend Qwen models response:', qwenData); // Debug log

src/components/DebateDisplay.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import './../styles/App.css';
+import {getBackendHost} from "../utils/api";
 
 const DebateDisplay = ({ sessionId, onBackToConfig, isGuest }) => {
     const [debateRounds, setDebateRounds] = useState([]);
@@ -42,7 +43,7 @@ const DebateDisplay = ({ sessionId, onBackToConfig, isGuest }) => {
             .catch(err => console.error('Debate start error:', err));
 
         // Connect to SSE endpoint for real-time updates
-        const es = new EventSource(`http://localhost:8000/debate/${sessionId}/stream`);
+        const es = new EventSource(`${getBackendHost()}/debate/${sessionId}/stream`);
         setEventSource(es);
 
         es.addEventListener('update', function(event) {

src/components/SessionsList.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import './../styles/App.css';
+import {getBackendHost} from "../utils/api";
 
 const SessionsList = ({ onLoadSession, onBackToConfig }) => {
     const [sessions, setSessions] = useState([]);
@@ -13,7 +14,7 @@ const SessionsList = ({ onLoadSession, onBackToConfig }) => {
     const fetchSessions = async () => {
         try {
             setLoading(true);
-            const response = await fetch('http://localhost:8000/sessions');
+            const response = await fetch(`${getBackendHost()}/sessions`);
 
             if (!response.ok) {
                 throw new Error(`获取会话列表失败: ${response.statusText}`);

src/utils/api.js

@@ -12,7 +12,7 @@ let _backendHost = null;
 
 export function getBackendHost() {
     if (_backendHost !== null) return _backendHost;
-    _backendHost = process.env.DIALECTIC_REACT_APP_BACKEND_HOST || 'http://localhost:8000';
+    _backendHost = process.env.REACT_APP_DIALECTIC_BACKEND_HOST || 'http://localhost:8000';
     return _backendHost;
 }