{"id":4319,"date":"2024-12-20T15:22:51","date_gmt":"2024-12-20T15:22:51","guid":{"rendered":"https:\/\/yininit.nl\/?post_type=blossom-portfolio&p=4319"},"modified":"2024-12-21T02:19:41","modified_gmt":"2024-12-21T02:19:41","slug":"foutmeldingen","status":"publish","type":"blossom-portfolio","link":"https:\/\/yininit.nl\/index.php\/portfolio\/foutmeldingen\/","title":{"rendered":"Foutmeldingen"},"content":{"rendered":"\n

Fout: Failed to fetch<\/strong><\/p>\n\n\n\n

Controleer de volgende punten:<\/p>\n\n\n\n

    \n
  1. CORS-instellingen<\/strong> in je Flask-app (CORS(app)<\/code>).<\/li>\n\n\n\n
  2. Correcte API-URL<\/strong> in kba-api.js<\/code>.<\/li>\n\n\n\n
  3. HTTPS-configuratie<\/strong> voor je server.<\/li>\n\n\n\n
  4. Test je API direct met Postman of cURL.<\/li>\n\n\n\n
  5. Controleer Render-logs voor serverfouten.<\/li>\n<\/ol>\n\n\n\n

    Gebruik de omgevingsvariabele $PORT<\/code><\/strong><\/p>\n\n\n\n

    Render werkt met een dynamische poort<\/strong>:<\/p>\n\n\n\n

      \n
    • Render bepaalt zelf welke poort jouw applicatie moet gebruiken.<\/li>\n\n\n\n
    • Deze poort wordt in je applicatie beschikbaar gesteld via de omgevingsvariabele $PORT<\/code><\/strong>.<\/li>\n<\/ul>\n\n\n\n

      Als je statisch poort 5000<\/strong> gebruikt, zal Render de verbinding niet herkennen omdat het probeert te verbinden met een andere poort, zoals 10000<\/strong>.<\/p>\n\n\n\n

      Aanpassen in app.py:<\/p>\n\n\n\nif __name__ == “__main__”:\n # Dynamische poort ophalen via $PORT\n port = int(os.environ.get(“PORT”, 5000)) # Default naar 5000 voor lokaal testen\n print(f”Server draait op poort {port}…”)\n serve(app, host=”0.0.0.0″, port=port)\n\n\n\n

      Fetch problemen \/ Probleem met CORS<\/strong><\/p>\n\n\n\n

      Test je CORS-configuratie met een cURL-aanroep:<\/p>\n\n\n\n

      curl -i -X OPTIONS https:\/\/kba-project.onrender.com\/kba<\/code><\/p>\n\n\n\n

      Controleer of de header Access-Control-Allow-Origin<\/code> wordt geretourneerd:<\/p>\n\n\n\n

      HTTP\/1.1 204 No Content <\/code><\/p>\n\n\n\n

      Access-Control-Allow-Origin: https:\/\/yininit.nl <\/code><\/p>\n\n\n\n

      Access-Control-Allow-Methods: POST, OPTIONS <\/code><\/p>\n\n\n\n

      Access-Control-Allow-Headers: Content-Type<\/code><\/p>\n\n\n\n

      Als deze headers aanwezig zijn, is je CORS-configuratie correct.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Fout: Failed to fetch Controleer de volgende punten: Gebruik de omgevingsvariabele $PORT Render werkt met een dynamische poort: Als je statisch poort 5000 gebruikt, zal Render de verbinding niet herkennen omdat het probeert te verbinden met een andere poort, zoals 10000. Aanpassen in app.py: if __name__ == “__main__”: # Dynamische poort ophalen via $PORT port […]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","blossom_portfolio_categories":[17],"class_list":["post-4319","blossom-portfolio","type-blossom-portfolio","status-publish","hentry","blossom_portfolio_categories-kba"],"_links":{"self":[{"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/blossom-portfolio\/4319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/blossom-portfolio"}],"about":[{"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/types\/blossom-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/media?parent=4319"}],"wp:term":[{"taxonomy":"blossom_portfolio_categories","embeddable":true,"href":"https:\/\/yininit.nl\/index.php\/wp-json\/wp\/v2\/blossom_portfolio_categories?post=4319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}