JS-Abrufheader sind vor der Anfrage nicht enthalten (Flask) ⇐ Python

[Anonymous]

Ich verwende JS, um die Bildschirmbreite der Seite abzurufen, sie zu veröffentlichen und sie dann aus meiner Flask-App-HTML-Vorlage aufzurufen, um die Funktionalität eines Diagramms (entweder interaktives Plotly oder eines Bildes) zu bestimmen. Ich erhalte die richtige Breite, erhalte jedoch die Fehlermeldung „415 Nicht unterstützter Medientyp. Es wurde nicht versucht, JSON-Daten zu laden, da der Inhaltstyp der Anforderung nicht ‚application/json‘ war“ oder „Unerwartetes Token ‚ {
console.log('Raw response:', response);
return response.json();
})
.catch(error => {
console.error('Error:', error);
});
});

playlist.html (jinja)
{% if viewport >= 768 %}
{% for graph in graphs %}

{{ graph[0]|safe }}

{% endfor %}
{% else %}
{% for graph in graphs %}

[img]data:image/jpg;base64,{{ graph[1] }}[/img]

{% endfor %}
{% endif %}

app.py
@app.route('/playlist/', methods=['POST', 'GET'])
def playlist_details(playlist_id):
playlist = Playlist.query.filter_by(playlist_id=playlist_id).first_or_404()
playlist_tracks = Track.query.filter_by(playlist_id=playlist_id).all()
sorted_playlists = model_playlists(playlist_id)
graphs = make_graphs(playlist_id)
data = request.get_json()
viewport_width = data['width']
return render_template('playlist.html', playlist=playlist, playlist_tracks=playlist_tracks, model_playlists=sorted_playlists, graphs = graphs, viewport=viewport_width)

Ich bin auch offen für eine andere Möglichkeit, dies ohne JS oder ohne die POST-Anfrage zu tun.