簡體   English   中英

Flask - Javascript 請求不起作用? 404 未找到

[英]Flask - Javascript requests not working? 404 NOT FOUND

So I'm migrating from apache to using flask, I've moved all my css, javascript, csv and Images to static. 從那里我花了一段時間改變所有的hrefs所以一切都正確加載。
html 正在加載的所有內容都工作正常,但是 javascript 發送的所有請求都是 404,我不知道為什么。

我的目錄結構如下:
Python:
-------- static:
--------------- css:
--------------- csv:
------------------------gamesToday.csv
--------------- js:
---------------圖片:
------------------------------------logo.png
------------------------logo-small.png
--------模板:
------------------main.html
--------flaskTest.py
我的flasktest.py只是加載並渲染 main.html 文件。

Javascript 請求 csv 文件:

$.ajax({
    type: "GET",
    url: "{{url_for('static', filename='csv/gamesToday.csv')}}",
    dataType: "text",
    success: function(data) {processData(data);}
 });

Javascript 用於加載圖像:

function logoSizing(){
    if($(window).width() < 992)
        $("#logo").attr("src", "{{url_for('static', filename='Images/small-logo.png");
    else
        $("#logo").attr("src", "{{url_for('static', filename='Images/logo.png");
}

奇怪的是,當我將圖像請求移動到 html 中時,圖像正確加載,所以我知道該文件實際上存在,所以我認為錯誤是因為我無法像這樣進行 AJAX 調用? 如果是這樣,我該如何正確地制作它?

抱歉,如果這很簡單,今天才開始學習 flask,但我很難理解它。

jinja模板引擎不會解析.js文件,因此不會將{{url for...}}替換為實際的url。

您將需要從您的html模板之一傳遞url或對路徑進行硬編碼

對於 js 文件:

{{url_for('static',filename='main.js')}}

對於圖像文件:

{{url_for('static',filename='main.js')}}

示例:(在 html 文件中添加腳本)

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM