- `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.
43 lines
1.0 KiB
JavaScript
43 lines
1.0 KiB
JavaScript
// pages/api/talas_v5_DB/pois/poi-icons.js
|
|
import mysql from "mysql";
|
|
|
|
const dbConfig = {
|
|
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,
|
|
};
|
|
|
|
const connection = mysql.createConnection(dbConfig);
|
|
|
|
connection.connect((err) => {
|
|
if (err) {
|
|
console.error("Fehler beim Verbinden:", err.stack);
|
|
return;
|
|
}
|
|
});
|
|
|
|
export default function handler(req, res) {
|
|
if (req.method !== "GET") {
|
|
return res.status(405).json({ error: "Nur GET Methode erlaubt" });
|
|
}
|
|
|
|
const query = `SELECT p.idPoi, i.path
|
|
FROM poi p
|
|
JOIN poiTyp pt ON p.idPoiTyp = pt.idPoiTyp
|
|
JOIN poiicons i ON pt.icon = i.idpoiicons;`;
|
|
|
|
connection.query(query, (error, results) => {
|
|
try {
|
|
if (error) {
|
|
throw error;
|
|
}
|
|
res.json(results);
|
|
} catch (err) {
|
|
console.error("Fehler beim Abrufen der icons:", err);
|
|
res.status(500).json({ error: "Fehler beim Abrufen der icons" });
|
|
}
|
|
});
|
|
}
|