我甚至尝试运行您的代码，但它给了我一个 WSS 和 CORS 错误，在添加时显示相同的空数据。然后按如下方式更改您的代码：服务器端逻辑存储在下面的后端代码中，我们与数据库、API 端点交互并处理数据。我配置了 CORS 以允许从所有 Url 到后端的请求，如下所示

app.use(cors({
  origin: '*', 
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  preflightContinue: false,
  optionsSuccessStatus: 204
}));

按照如下所示更改 INSERT 查询以避免出现空值

  INSERT INTO hevoset (description, Nimi, Syntymäaika, Rotu, Sukupuoli, Rekisterinumero, Omistaja)
      VALUES (?, ?, ?, ?, ?, ?, ?)

后端：

require('dotenv').config();
const express = require('express');
const cors = require('cors');
const mysql = require('mysql2');
const fs = require('fs');

const app = express();
const port = process.env.PORT || 8001;

const config = {
  host: process.env.DB_HOST,
  user: process.env.DB_USER ,
  password:  process.env.DB_PASSWORD,
  database: process.env.DB_NAME,
  port: 3306,
  ssl: {
    ca: fs.readFileSync("DigiCertGlobalRootCA.crt.pem")
  }
};


const conn = mysql.createConnection(config);


app.use(cors({
  origin: '*', 
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  preflightContinue: false,
  optionsSuccessStatus: 204
}));
app.use(express.json());


async function connectWithRetry() {
  let retries = 5;
  while (retries) {
    try {
      conn.connect(err => {
        if (err) {
          throw err;
        } else {
          console.log("Connected to the database");
        }
      });
      return;
    } catch (err) {
      console.log(`Connection failed, retries left: ${retries - 1}`);
      console.error(err);
      retries -= 1;
      await new Promise(res => setTimeout(res, 5000)); 
    }
  }
  throw new Error('Could not connect to the database after multiple attempts');
}

connectWithRetry().catch(err => {
  console.error('Database connection failed: ', err.message);
});


app.post('/add-data', (req, res) => {
  try {
    console.log('Received request:', req.body);
    const { description, Nimi, Syntymäaika, Rotu, Sukupuoli, Rekisterinumero, Omistaja } = req.body;

    const sql = `
      INSERT INTO hevoset (description, Nimi, Syntymäaika, Rotu, Sukupuoli, Rekisterinumero, Omistaja)
      VALUES (?, ?, ?, ?, ?, ?, ?)
    `;

    conn.query(sql, [description, Nimi, Syntymäaika, Rotu, Sukupuoli, Rekisterinumero, Omistaja], (err, results) => {
      if (err) {
        console.error('Error adding data:', err);
        res.status(500).send('Error adding data');
      } else {
        console.log('Data added:', results);
        res.status(200).send('Data added successfully');
      }
    });
  } catch (err) {
    console.error('Error adding data:', err);
    res.status(500).send('Error adding data');
  }
});


app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

前端代码处理后端的用户界面和用户交互。我以前 axios 连接后端的方式如下：

  const response = await axios.post('http://localhost:8001/add-data', formData);

前端 ：

import React, { useState } from 'react';
import axios from "axios";
import './DataAdd.css';

const DataAdd = () => {
  const [formData, setFormData] = useState({
    description: '',
    Nimi: '',
    Syntymäaika: '',
    Rotu: '',
    Sukupuoli: '',
    Rekisterinumero: '',
    Omistaja: ''
  });

  const handleChange = (e) => {
    const { name, value } = e.target;
    setFormData({
      ...formData,
      [name]: value
    });
  };

  const handleSubmit = async (e) => {
    e.preventDefault();
    try {
      const response = await axios.post('http://localhost:8001/add-data', formData);
      if (response.status === 200) {
        alert('Data added successfully');
        setFormData({
          description: '',
          Nimi: '',
          Syntymäaika: '',
          Rotu: '',
          Sukupuoli: '',
          Rekisterinumero: '',
          Omistaja: ''
        });
      } else {
        alert('Error adding data');
      }
    } catch (error) {
      console.error('Error:', error);
      alert('Error adding data');
    }
  };

  return (
    <div>
      <h1>Add Data</h1>
      <form onSubmit={handleSubmit}>
        <div>
          <label>Description</label>
          <input type="text" name="description" value={formData.description} onChange={handleChange} required />
        </div>
        <div>
          <label>Nimi</label>
          <input type="text" name="Nimi" value={formData.Nimi} onChange={handleChange} required />
        </div>
        <div>
          <label>Syntymäaika</label>
          <input type="date" name="Syntymäaika" value={formData.Syntymäaika} onChange={handleChange} required />
        </div>
        <div>
          <label>Rotu</label>
          <input type="text" name="Rotu" value={formData.Rotu} onChange={handleChange} required />
        </div>
        <div>
          <label>Sukupuoli</label>
          <input type="text" name="Sukupuoli" value={formData.Sukupuoli} onChange={handleChange} required />
        </div>
        <div>
          <label>Rekisterinumero</label>
          <input type="text" name="Rekisterinumero" value={formData.Rekisterinumero} onChange={handleChange} required />
        </div>
        <div>
          <label>Omistaja</label>
          <input type="text" name="Omistaja" value={formData.Omistaja} onChange={handleChange} required />
        </div>
        <button type="submit">Add Data</button>
      </form>
    </div>
  );
};

export default DataAdd;

所以我只是使用 react + express js + mongodb 制作一个普通的用户注册表，并且我遇到了一个问题，如果我第一次尝试注册用户，它可以正常工作但是......

所以我只是使用 react + express js + mongodb 制作了一个普通的用户注册表单，并且我遇到了一个问题，如果我第一次尝试注册用户，它会正常工作，但如果我尝试添加另一个用户，它会给我错误 11000 前端代码的结构是这样的：有三个组件文件：注册表单，基本信息，Part1Signup Form.js

// Signup form .js
import React, { useState } from 'react';
import axios from 'axios';
import BasicInfo from './Signup/BasicInfo';

const SignupForm = () => {
  const sendRequest = async (values) => {
    try {
      const response = await axios.post('http://localhost:5000/', values);
      console.log(response.data);

    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <BasicInfo onComplete={sendRequest}  />
    </div>
  );
};

export default SignupForm;

Basic Info.js
import React, { useState } from 'react';
import Part1 from './Part1';

const BasicInfo = ({onComplete}) => {
    const [formData, setFormData] = useState({
        username: '',
        email: '',
        password: '',
    })

    const handleUserInput = (e) => {
        setFormData({...formData, [e.target.name]: e.target.value})
    }
    // when will this onComplete function be triggered?
    /* 
        on the click of the submit button i will check if the whole form is complete or not if yes then the oncomplete function will be triggered
        next task is to get the data in basicinfostructure
          
        error 11000 is occuring, for data redundancy, i need to clear the data 
      */
    
    const checkSubmit = (e) => {
        e.preventDefault();
        // Check if all fields are filled
        if (formData.username && formData.email && formData.password) {
          onComplete(formData);
          
        } else {
          alert('Please complete all fields');
        }
      };
    
    return (
    <div name='basicInfo'>   

        <Part1 formData={formData} handleUserInput={handleUserInput} />
        <button type='submit' onClick={checkSubmit}>Submit</button>
    </div>
  )
}
export default BasicInfo;

// Part1

import React from 'react';

const Part1 = ({ formData, handleUserInput }) => {
  return (
    <form>
      <label>Username</label>
      <input
        type='text'
        name='username'
        value={formData.username}
        onChange={handleUserInput}
      />
      <br />
      <label>Email Address</label>
      <input
        type='email'
        name='email'
        value={formData.email}
        onChange={handleUserInput}
      />
      <br />
      <label>Password</label>
      <input
        type='password'
        name='password'
        value={formData.password}
        onChange={handleUserInput}
      />
      <br />
    </form>
  );
};

export default Part1;

请忽略我代码中的注释，那只是我写下自己的想法 XD，另外这应该是一个多步骤注册表单，但我现在只制作了第一部分，它不起作用
这里还有后端服务器代码

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

const app = express();
 
app.use(express.json());
app.use(cors());

const User = require('./model/user');

require('./db/connection');

app.post('/', async(req, res) => {
  let user = new User(req.body);
  let result = await user.save();
  res.send(result);
})

app.listen(5000, ()=>{console.log('Server started at port 5000')});

           throw new error_1.MongoServerError(res.writeErrors[0]);
                  ^

MongoServerError: E11000 duplicate key error collection: new-test.users index: basicInfo.username_1 dup key: { basicInfo.username: null }       
    at InsertOneOperation.execute (C:\Users\aksha\OneDrive\Desktop\Practise Folder\New folder\New Authhh\node_modules\mongodb\lib\operations\insert.js:51:19)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async executeOperation (C:\Users\aksha\OneDrive\Desktop\Practise Folder\New folder\New Authhh\node_modules\mongodb\lib\operations\execute_operation.js:136:16)
    at async Collection.insertOne (C:\Users\aksha\OneDrive\Desktop\Practise Folder\New folder\New Authhh\node_modules\mongodb\lib\collection.js:155:16) {
  errorResponse: {
    index: 0,
    code: 11000,
    errmsg: 'E11000 duplicate key error collection: new-test.users index: basicInfo.username_1 dup key: { basicInfo.username: null }',
    keyPattern: { 'basicInfo.username': 1 },
    keyValue: { 'basicInfo.username': null }
  },
  index: 0,
  code: 11000,
  keyPattern: { 'basicInfo.username': 1 },
  keyValue: { 'basicInfo.username': null },
  [Symbol(errorLabels)]: Set(0) {}
}

我尝试过记录和其他操作，但没有什么帮助，所以这是我的最后手段，甚至聊天 gpt 也帮不上忙，请大家帮帮我

请不要在评论中发布代码。编辑您的问题并在那里发布您的代码。它在评论中不可读。首先，您必须找出它是前端问题还是后端问题。如果不是通信问题，我们不需要双方。为另一部分创建一个存根/模拟。尝试使用单元测试重现问题。

这不是这里的工作方式。这就是软件开发的工作原理。您需要创建并提供可重现问题的最小代码。在大多数错误跟踪器或 Github 问题中，这都是预期的。

我将 SQL Server 2022 数据库（以及所有已经存在的字符串对象）的默认排序规则更改为 Latin1_General_100_CI_AS_SC_UTF8。不幸的是，LINQ to SQL 似乎无法处理...

我将 SQL Server 2022 数据库（以及所有已存在的字符串对象）的默认排序规则更改为 Latin1_General_100_CI_AS_SC_UTF8 .

不幸的是，LINQ to SQL 似乎无法处理此排序规则。插入似乎工作正常，但更新失败。据我在错误日志中看到的那样，我似乎仍在使用旧的 SQL 提供程序（SQL Server 2008），因此 UTF8 排序规则可能尚不受支持。

我的 Winforms 应用程序很久以前就使用 VS 2010 创建的，目前我正在使用 VS2022（社区版）。

我已经更新了所有数据上下文对象，但仍然收到损坏的德语变音符号，并且大多数更新仍然失败。

我是否必须明确更改 SQL 提供程序？如果是 - 我该怎么做？

我觉得 VS 版本无关紧要，但你使用的是哪种库？EF 核心？也许可以添加一些代码？

您使用的是 Entity 吗？Entity 在 c# 类/属性和数据库表/字段之间具有映射。如果您使用迁移更改提供程序，则可能需要更新映射。以下是受支持的驱动程序：