ERR_NETWORK axios

[Mosho]

Bonjour,
J'ai travaillé sur un projet React/node.js en local voulant l'heberger je me rends compte qu'il n'y a pas de lien entre le frontend et le backend

Signup.js

 const handleSubmit =(event) => {
        event.preventDefault();
        setErrors(Validation(values));
        if(errors.name === "" && errors.surname === "" && errors.email === "" && errors.password === "" ){
            axios.post('https://localhost:8081/backend/signup', values)
            .then(res => {
                if (res.data === 'Success') {
                    navigate('/')
                  } else {
                    alert(res.data);
                  }
            })
            .catch(err => console.log(err));
        }
    }

server.js

const express = require("express");
const mysql = require('mysql');
const cors = require ('cors');
const bcrypt = require('bcryptjs');
const cookieParser = require('cookie-parser');



const app = express();
app.use(cors({
    origin: ["https://localhost:3000"],
    methods: ["POST","GET","PUT"],
    credentials: true // Autoriser l'envoi de cookies ou d'en-têtes d'autorisation
    
}));

app.use(express.json());
app.use(cookieParser());
const jwt = require('jsonwebtoken');

const db = mysql.createConnection({
    host:"localhost",
    user: "user",
    password: "",
    database: "projet_train"
})

// INSCRIPTION
app.post('/signup', (req, res) => {
    const salt = 10; // Nombre de tours de hachage

    // Vérifier si l'email existe déjà dans la base de données
    const checkEmailQuery = "SELECT email FROM profil WHERE email = ?";
    db.query(checkEmailQuery, [req.body.email], (checkEmailErr, checkEmailResults) => {
        if (checkEmailErr) {
            return res.json("Error lors du check du mail");
        }

        // Si l'email existe déjà, retournez une réponse appropriée
        if (checkEmailResults.length > 0) {
            return res.json("L'adresse e-mail est déjà existant");
        }

        // Si l'email n'existe pas, continuez avec l'inscription
        bcrypt.hash(req.body.password.toString(), salt, (hashErr, hash) => {
            if (hashErr) {
                return res.json("Error lors du mot de passe ");
            }

            // Exécution du SQL pour l'inscription
            const insertUserQuery = "INSERT INTO profil (name, surname, email, password) VALUES (?)";
            const values = [req.body.name, req.body.surname, req.body.email, hash];

            db.query(insertUserQuery, [values], (insertErr, data) => {
                if (insertErr) {
                    return res.json("Error inserting user");
                }
                return res.json("Success");
            });
        });
    });
});

Je ne comprends pas l'erreur

 

[Mosho]

Après plusieurs tentative je ne comprends pas mon erreur

J'ai remarqué que si je mets "HTTPS" dans le server.js j'ai cette erreur quand j'essai d'accéder au node.js au lieu d'avoir 'Hello World! NodeJS '

mon fichier server.js
const https = require('https')
const hostname = '127.0.0.1';
const port = 'passenger';

const express = require("express");
const mysql = require('mysql');
const cors = require ('cors');
const bcrypt = require('bcryptjs');
const cookieParser = require('cookie-parser');



const app = express();
app.use(cors({
origin: ["http://projettrain.go.yo.fr"],
methods: ["POST","GET","PUT"],
credentials: true // Autoriser l'envoi de cookies ou d'en-têtes d'autorisation

}));

app.use(express.json());
app.use(cookieParser());
const jwt = require('jsonwebtoken');


app.use(function (request, response, next) {
response.header("Access-Control-Allow-Origin", "*");
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type');
next();
});


// INSCRIPTION
app.post('/signup', (req, res) => {
const salt = 10; // Nombre de tours de hachage

// Vérifier si l'email existe déjà dans la base de données
const checkEmailQuery = "SELECT email FROM profil WHERE email = ?";
db.query(checkEmailQuery, [req.body.email], (checkEmailErr, checkEmailResults) => {
if (checkEmailErr) {
return res.json("Error lors du check du mail");
}

// Si l'email existe déjà, retournez une réponse appropriée
if (checkEmailResults.length > 0) {
return res.json("L'adresse e-mail est déjà existant");
}

// Si l'email n'existe pas, continuez avec l'inscription
bcrypt.hash(req.body.password.toString(), salt, (hashErr, hash) => {
if (hashErr) {
return res.json("Error lors du mot de passe ");
}

// Exécution du SQL pour l'inscription
const insertUserQuery = "INSERT INTO profil (name, surname, email, password) VALUES (?)";
const values = [req.body.name, req.body.surname, req.body.email, hash];

db.query(insertUserQuery, [values], (insertErr, data) => {
if (insertErr) {
return res.json("Error inserting user");
}

});
});
});
});

const server = https.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World! NodeJS n ');
});


server.listen(port, hostname, () => {
console.log(Server running at https://projettrain.go.yo.fr//);
});



Ensuite pour mon erreur voici ce qu'ils se trouvent dans le fichier signup.js
Normalement cette fonction est appelée quand nous cliquons sur s'inscrire. Avant tout j'accède à la page "https://projettrain.go.yo.fr/signup"
ensuite je remplis les champs avec un mot de passe qui doit contenir une majuscule et un chiffre exemple : "azerT12" et j'ai comme erreur une alerte avec du HTML
const handleSubmit =(event) => {
event.preventDefault();
setErrors(Validation(values));
if(errors.name === "" && errors.surname === "" && errors.email === "" && errors.password === "" ){
axios.post('https://projettrain.go.yo.fr/signup', values)
.then(res => {
if (res.data === 'Success') {
navigate('/')
} else {
alert(res.data);
}
})
.catch(err => console.log(err));
}
}