5b2cb762cc
- `index.js` als Client-Komponente deklariert (`"use client"`) zur Vermeidung von SSR-Problemen. - `useEffect` optimiert, um unendliche API-Requests durch `isMounted`-Check zu verhindern. - `loadData()` angepasst, um API-Fehler korrekt abzufangen und erneute Ladeversuche zu vermeiden. - Doppelte Registrierung von `poiReadFromDbTriggerAtom` durch HMR verhindert. - Ungültige MySQL-Option `acquireTimeout` entfernt, um Verbindungsfehler zu beheben. Diese Änderungen verhindern unerwartete Reloads und verbessern die Stabilität der Anwendung.
38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
// pages/api/addLocation.js
|
|
import mysql from "mysql";
|
|
|
|
const pool = mysql.createPool({
|
|
host: process.env.DB_HOST,
|
|
user: process.env.DB_USER,
|
|
password: process.env.DB_PASSWORD,
|
|
database: process.env.DB_NAME,
|
|
port: process.env.DB_PORT,
|
|
connectionLimit: 10, // Maximale Anzahl gleichzeitiger Verbindungen
|
|
});
|
|
|
|
export default function handler(req, res) {
|
|
if (req.method === "POST") {
|
|
const { name, poiTypeId, latitude, longitude, idLD } = req.body;
|
|
console.log("Received data:", req.body); // Überprüfen der empfangenen Daten
|
|
|
|
const query = "INSERT INTO poi (description, idPoiTyp, position, idLD) VALUES (?, ?, ST_GeomFromText(?),?)";
|
|
const point = `POINT(${longitude} ${latitude})`;
|
|
const values = [name, poiTypeId, point, idLD];
|
|
|
|
// Verwende den Pool, um eine Verbindung zu bekommen und die Query auszuführen
|
|
pool.query(query, values, (error, results) => {
|
|
if (error) {
|
|
console.error("Fehler beim Einfügen des Standorts:", error);
|
|
return res.status(500).json({ error: "Ein Fehler ist aufgetreten" });
|
|
}
|
|
res.status(200).json({
|
|
id: results.insertId,
|
|
message: "Standort erfolgreich hinzugefügt",
|
|
});
|
|
});
|
|
} else {
|
|
res.setHeader("Allow", ["POST"]);
|
|
res.status(405).end(`Method ${req.method} Not Allowed`);
|
|
}
|
|
}
|