在Flask render_模板[duplicate]期间未使用相对路径找到Javascript文件

Question

我正在使用Python和Flask构建一个简单的交互web应用程序。使用Chrome在localhost:5000上进行测试。

我有一个模板和一个相关的javascript文件，位于：./templates/main.html./templates/main_scripts.js

main.html模板包含如下脚本文件：

<script src="main_scripts.js"></script>

当我使用此Python代码呈现模板时。。。

return render_template('main.html', session_id=session_id, title=sess.title)

main.html页面已呈现，但我在Chrome控制台中遇到以下错误：

Failed to load resource: the server responded with a status of 404 (NOT FOUND)

当错误发生时，使用Chrome控制台检查未找到的“main_scripts.js”的位置，浏览器认为它正在尝试从我的虚拟环境中加载它：

./env/Scripts/main_scripts.js

...而不是来自与模板相同的目录。

我似乎无法强制渲染模板理解其脚本文件的位置。到目前为止，我已经尝试了类似“/main_scripts.js”甚至“/appdir/main_scripts.js”的src路径，结果完全相同。

Answer 1

首先需要创建一个与模板文件夹处于同一级别的静态文件夹。然后创建一个js子文件夹，并将js文件放在该文件夹中。现在，您可以在html中调用它。
下面是一种“pythonic”方法：

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

正如在官方烧瓶留档中解释的，您的项目结构应该是这样的：

/yourapplication
    yourapplication.py
    /static
        /css
            style.css
        /js
            main_scripts.js
    /templates
        main.html
        ...