域名备案系统联调

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

function App() {
  const [domain, setDomain] = useState('');
  const [status, setStatus] = useState('');

  const handleSubmit = async (e) => {
    e.preventDefault();
    try {
      const response = await axios.post('/api/submit', { domain });
      setStatus(response.data.status);
    } catch (error) {
      setStatus('Error: ' + error.response.data.message);
    }
  };

  return (
    <div>
      <form onSubmit={handleSubmit}>
        <input type="text" value={domain} onChange={(e) => setDomain(e.target.value)} placeholder="Enter domain" />
        <button type="submit">Submit</button>
      </form>
      <p>Status: {status}</p>
    </div>
  );
}

export default App;

const express = require('express');
const app = express();

app.use(express.json());

app.post('/api/submit', (req, res) => {
  const { domain } = req.body;
  if (!domain) {
    return res.status(400).json({ message: 'Domain is required' });
  }
  // 这里可以添加实际的备案逻辑
  res.json({ status: '备案成功' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});