Axios给出404错误，而不是插入数据库

Question

我基本上使用React创建了一个简单的UI，从那里开始，我将用户输入以一种形式输入，并使用Axios将其发送到后端。 这是前端代码：

import {useState} from "react";
import Axios from "axios"
function App() {

  const [name, setName] = useState("");
  const [age, setAge] = useState(0);
  const [country, setCountry] = useState("");
  const [position, setPosition] = useState("");
  const [wage, setWage] = useState(0);


  const addEmployee =()=>{
    console.log(name)
    Axios.post('http://localhost:6667/create', {name:name, age:age, country:country, position:position, wage:wage,})
    .then(()=>{
      console.log("Success from frontend")
    })

  }

  return (
    <div className="App">
      
  <label htmlFor="name">Name:</label>
  <input type="text" id="name" name="name" onChange={(event)=>{setName(event.target.value)}}></input>

  <label htmlFor="Age">Age</label>
  <input type="text" id="Age" name="Age"  onChange={(event)=>{setAge(event.target.value)}}></input>

  <label htmlFor="Country">Country</label>
  <input type="text" id="Country" name="Country" onChange={(event)=>{setCountry(event.target.value)}}></input>

  <label htmlFor="Position">Position</label>
  <input type="text" id="Position" name="Position" onChange={(event)=>{setPosition(event.target.value)}}></input>

  <label htmlFor="Wage">Wage</label>
  <input type="text" id="Wage" name="Wage" onChange={(event)=>{setWage(event.target.value)}}></input>
  
  <button onClick={addEmployee}>Submit</button>
    </div>
  );
}

export default App;

这是vele（index.js file）的代码：

const express = require('express')
const app = express()
const cors = require('cors')
app.use(cors());
app.use(express.json());
const mysql = require('mysql2')
const db = mysql.createConnection({
    user: "root",
    host:"localhost",
    password:"password",   //it could be '' or 'password'
    database:'employeesystem'
});


app.post("/create", (request, response)=>{

    const name = request.body.name  
    const age = request.body.age
    const country = request.body.country
    const position = request.body.position
    const wage = request.body.wage

    db.query("INSERT INTO employee (name, age, country, position, wage) VALUES (?, ?, ?, ?, ?)", [name, age,country, position, wage], (err, result)=>{
        if (err){
            console.log(err)
        }else{res.send("Values Inserted!")}
    });
});

app.listen(6667, ()=>{
    console.log("Connection to server established")
})

因此，该表单正在使用Axios和Index.js（后端文件）将数据发送到后端，我正在使用Express来插入它进入我的数据库。我已经检查了任何数据库或表名称不匹配，并且没有。

一旦我使用按钮提交表单数据（触发包含Axios代码的函数），我会得到此错误：

我已经尝试更改端口，杀死它们，确保数据库查询和名称是一致的，甚至可以重新启动我的IDE，但无济于事。

我现在很累，对我很疲倦的一些帮助将不胜感激：/

所以，我快速搜索了谷歌搜索，发现某些端口是保留或不安全的。因此，我将端口更改为7889，现在有了这个错误。

Answer 1

在CreateConnection中指定端口，

配置您的应用程序在安全端口上运行，

例如，

• f/e-端口-30xx

• b/e-端口-50xx

• d/b-端口-3306

    const db = mysql.CreateConnection（{{
   主持人：“ localhost”，
   用户：“根”，
   密码： ''，
   数据库：“员工系统”，
   港口：3036
   }）;
   db.connect（）;
   

在包装中。

{
 ..
 ..  
 "devDependencies": {
   ...
  },
"proxy": "http://localhost:5100"  //if server run on port 5100 or < 
}

Answer 2

因此，实际上我是一个愚蠢的错误。在index.js文件中，我不是做result.send（），我在做res.send（）

这是代码的更正块：

b.query("INSERT INTO employee (name, age, country, position, wage) VALUES (?, ?, ?, ?, ?)", [name, age,country, position, wage], (err, result)=>{
        if (err){
            console.log(err)
        }else{result.send("Values Inserted!")}
    });