Word Counter Pro

// Конфигурация
const API_KEY = "wc_ваш_ключ";
const API_TOKEN = "ваш_секретный_токен";
const BASE_URL = "http://31.31.196.9:5555";

const headers = {
    "X-API-Key": API_KEY,
    "X-API-Token": API_TOKEN,
    // CORS headers не нужны - сервер автоматически добавляет их
};

// 1. Health check (без аутентификации)
async function checkHealth() {
    try {
        const response = await fetch(`${BASE_URL}/health`);
        const data = await response.json();
        console.log('Health check:', data);
        return data;
    } catch (error) {
        console.error('CORS error:', error);
    }
}

// 2. Анализ текста с CORS
async function analyzeText(text) {
    try {
        const response = await fetch(`${BASE_URL}/api/count-words`, {
            method: 'POST',
            headers: {
                ...headers,
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ text }),
            // mode: 'cors' - по умолчанию
        });
        
        if (response.ok) {
            return await response.json();
        } else if (response.status === 401) {
            throw new Error('CORS/Auth error: Проверьте домен и API ключ');
        }
    } catch (error) {
        console.error('Fetch error:', error);
        throw error;
    }
}

// 3. Проверка CORS поддержки
async function checkCorsSupport() {
    const response = await fetch(`${BASE_URL}/api/status`, { headers });
    const data = await response.json();
    console.log('CORS enabled:', data.cors_enabled);
    console.log('Allowed origins:', data.cors_allowed_origins);
    return data;
}

# 1. Проверка CORS headers (OPTIONS запрос)
curl -X OPTIONS \
  -H "Origin: http://localhost:3000" \
  -H "Access-Control-Request-Method: POST" \
  -H "Access-Control-Request-Headers: X-API-Key, X-API-Token" \
  "http://31.31.196.9:5555/api/upload" \
  -v

# 2. Health check с проверкой CORS
curl -X GET \
  -H "Origin: http://localhost:3000" \
  "http://31.31.196.9:5555/health" \
  -v

# 3. Запрос с аутентификацией и CORS
curl -X POST \
  -H "Origin: http://localhost:3000" \
  -H "X-API-Key: wc_ваш_ключ" \
  -H "X-API-Token: ваш_секретный_токен" \
  -H "Content-Type: application/json" \
  -d '{"text": "Hello world!"}' \
  "http://31.31.196.9:5555/api/count-words" \
  -v

# 4. Проверка CORS конфигурации API
curl -X GET \
  -H "X-API-Key: wc_ваш_ключ" \
  -H "X-API-Token: ваш_секретный_токен" \
  "http://31.31.196.9:5555/api/status"

# 5. Загрузка файла с CORS
curl -X POST \
  -H "Origin: http://localhost:3000" \
  -H "X-API-Key: wc_ваш_ключ" \
  -H "X-API-Token: ваш_секретный_токен" \
  -F "file=@document.pdf" \
  "http://31.31.196.9:5555/api/upload" \
  -v

import React, { useState } from 'react';
import axios from 'axios';

const API_BASE = 'http://31.31.196.9:5555';
const API_KEY = 'wc_ваш_ключ';
const API_TOKEN = 'ваш_секретный_токен';

// Создаем axios instance с CORS поддержкой
const apiClient = axios.create({
    baseURL: API_BASE,
    headers: {
        'X-API-Key': API_KEY,
        'X-API-Token': API_TOKEN,
        'Content-Type': 'application/json',
    },
    // CORS настройки
    withCredentials: false, // Не отправлять cookies
});

function WordCounterApp() {
    const [text, setText] = useState('');
    const [result, setResult] = useState(null);
    const [loading, setLoading] = useState(false);

    // Проверка health status с CORS
    const checkHealth = async () => {
        try {
            const response = await axios.get(`${API_BASE}/health`);
            console.log('CORS health check:', response.data);
        } catch (error) {
            console.error('CORS error:', error);
        }
    };

    // Анализ текста
    const analyzeText = async () => {
        setLoading(true);
        try {
            const response = await apiClient.post('/api/count-words', {
                text: text
            });
            setResult(response.data);
        } catch (error) {
            if (error.response?.status === 401) {
                alert('CORS/Auth error: Проверьте API ключ и домен');
            } else if (error.response?.status === 0) {
                alert('CORS error: Домен не разрешен');
            }
            console.error('API error:', error);
        } finally {
            setLoading(false);
        }
    };

    // Загрузка файла
    const uploadFile = async (file) => {
        const formData = new FormData();
        formData.append('file', file);
        
        try {
            const response = await apiClient.post('/api/upload', formData, {
                headers: {
                    'Content-Type': 'multipart/form-data',
                },
            });
            setResult(response.data);
        } catch (error) {
            console.error('Upload error:', error);
        }
    };

    return (
        <div className="app">
            <h1>Word Counter API Client</h1>
            <button onClick={checkHealth}>
                Проверить CORS соединение
            </button>
            <!-- ... остальной компонент -->
        </div>
    );
}

export default WordCounterApp;