Flask Anwendung, Wie link eine javascript-Datei auf website

Ich bin mit einigen Schwierigkeiten begann mit der Verwendung von javascript-Dateien auf meine website (Eine Flask-Anwendung). Ich starte die website läuft run.py die sieht wie folgt aus:

#!flask/bin/python
from app import app
app.run(debug=True)

In meine html-Seite habe ich folgende code gibt einen Fehler 404:

Flask Anwendung, Wie link eine javascript-Datei auf website

Fehlermeldung:

Flask Anwendung, Wie link eine javascript-Datei auf website

Meine Datei-Struktur sieht wie folgt aus:

Flask Anwendung, Wie link eine javascript-Datei auf website

Irgendwelche Tipps, wo ich bin mache ich falsch?

  • wo ist die Seite, die Sie sind Wunschausrüstung zu? ich meine die index-Seite..
  • ich denke, Sie müssen entfernen Sie / vor javascript in Ihrem <script> src.
  • app/templates/index.html
  • okk..könnten Sie bitte zeigen Sie die Konsole Fehler auch..
  • bitte versuchen Sie ./javascript..fügen Sie ein . vor / in deiner src.
  • Ich habe den Fehler in meinem OP. Habe versucht, das hinzufügen ein . vor / aber immer noch das gleiche Ergebnis
  • könnten Sie bitte sagen Sie die Konsole Fehler angezeigt, wenn Sie Hinzugefügt ./
  • könnten Sie bitte sagen Sie die neue Konsole Fehler, dass Sie immer, wenn Sie versucht,`.`.
  • auch versuchen Sie geben den vollständigen Pfad src.
  • Die Konsole Botschaft war die gleiche für ./ Mit dem vollständigen Pfad kommt immer noch mit einem 404-Fehler

InformationsquelleAutor user2260199 | 2015-05-03
  1. 34

    Ah ja, zum Glück bin ich derzeit an der Entwicklung einer flask-Anwendung im moment.

    Ihnen fehlen derzeit die statische Ordner, die standardmäßig Kolben sieht in einer Ordner-Struktur, so etwas wie dieses:

    |FlaskApp
----|FlaskApp
--------|templates
        - html files are here
--------|static
        - css and javascript files are here

    Zwei wichtige Standard-Ordner, die Flasche Aussehen wird, in Vorlagen und statische.
    Wenn Sie erst einmal sortiert, dass Sie verwenden diese, um Ihre javascript-Dateien von der html-Seite:

    <script src="{{url_for('static', filename='somejavascriptfile.js')}}"></script>

    Hoffe, das hilft, Fragen einfach stellen.

    Plus - Ein guten Artikel zu Lesen, aber nicht super-verwandten, aber er spricht über die Ordner-Struktur der Kolben wird dies: https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-application-on-an-ubuntu-vps

    InformationsquelleAutor jonprasetyo
  2. 0

    Versuchen Sie es mit src="app/javascript/jquery.js".

    Auch, ich bemerkte, Sie enthalten jquery.js zweimal auf der Linie 7 und 28.

    • Noch immer das gleiche problem
    • Meinst du, dass Sie sehen, 404 für http://localhost:5000/app/javascript/jquery.js ?
    • ja, ich bekomme den gleichen Fehler
    • Ich habe auch genau das gleiche problem und verschieben der javascript-Datei, die statisch funktioniert. Aber ich bin auch Fragen, wenn ich kann haben die js-Datei in einem anderen Ordner.
    InformationsquelleAutor dekkard
  3. 0

    Damit Ihre index.html ist bei app/templates/index.html, und Ihre jQuery ist bei app/javascript/jQuery.js Recht?

    Ich denke, dein Weg ist falsch. Versuchen Sie dies:

    <script src="../javascript/jquery.js"></script>
    • Ich habe das versucht, aber kein Glück!
    InformationsquelleAutor Anakin
  4. 0

    Hier ist was mir geholfen beseitigen die jquery-Teil meiner Flask-Projekt

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    Diese Aufnahme wurde direkt aus Basis-Template gefunden in http://getbootstrap.com/getting-started/

    InformationsquelleAutor carlos rivera
Schreibe einen Kommentar