Добрый день, пытаюсь сделать простую аутентификацию и регистрацию на базе Express+node.js+react+mysql, выдает ошибку "http://localhost:3001/login 404 (Not Found)" при нажатии на кнопку логин, причем регистрация работает, в базу пишет, уже все перепробовал, не понимаю почему не видит ссылки с логином
App.js
//import logo from './logo.svg';
import React, {useState} from "react";
import Axios from 'axios'
import "./App.css";
import 'bootstrap/dist/css/bootstrap.min.css';
function App() {
const [usernameReg,setUsernameReg]=useState("");
const [passwordReg,setPasswordReg]=useState("");
const [username,setUsername]=useState("");
const [password,setPassword]=useState("");
const [loginStatus,setLoginStatus]=useState("");
const login=()=>{
Axios.post('http://localhost:3001/login',{
username:username,
password:password,
}).then((response)=>{
if (response.data.message){
setLoginStatus(response.data.message)
}else{
// setLoginStatus(response.data[0].usernameLogin)
setLoginStatus(response.data[0].message)
}
});
};
const register=()=>{
Axios.post('http://localhost:3001/register',{
username:usernameReg,
password:passwordReg,
}).then((response)=>{console.log(response);
});
};
return (
<div className="App">
<div className="registration">
<h1>Registration</h1>
<label>Username</label>
<input type="text" onChange={(e)=>{setUsernameReg(e.target.value);}}/>
<label>Password</label>
<input type="text" onChange={(e)=>{setPasswordReg(e.target.value);}}/>
<button onClick={register} className="btn btn-primary"> Register </button>
</div>
<div className="login">
<h1>Login</h1>
<input type="text" placeholder="Username..." onChange={(e)=>{setUsername(e.target.value);}}/>
<input type="password" placeholder="Password..." onChange={(e)=>{setPassword(e.target.value);}}/>
<button onClick={login}>Login</button>
</div>
<h1>{loginStatus}</h1>
</div>
);
}
export default App;
const express=require("express")
const mysql=require("mysql2")
const cors=require("cors");
const port = process.env.PORT || 3001
index.js
const app=express();
app.use(express.json());
//app.use(cors());
app.use(
cors({
origin: ["http://localhost:3000"],
methods: ["GET", "POST"],
credentials: true,
})
);
const db=mysql.createConnection({
user:"root",
host:"localhost",
password:"root",
database:"main_db",
});
app.post("/register",(req,res)=>{
const username=req.body.username;
const password=req.body.password;
db.query("INSERT INTO test (username,password) VALUES (?,?)",
[username,password],
(err,result)=>{
console.log(err);})
});
app.post("/login,",(req,res)=>{
const username=req.body.username;
const password=req.body.password;
db.execute("SELECT * FROM test WHERE username = ? AND password = ?",
[username,password],
(err,result)=>{
if (err) {
res.send({err: err});
}
if (result.length>0) {
res.send(result);
} else {
res.send({message: "Wrong username/password combination!"});
}
}
);
});
app.listen(port, function() {
console.log('Server is running on port: ' + port)
})
