如何使用Flask加载JS或CSS文件,而不更改`<script>`标记内容?

时间:2017-03-21 06:13:36

标签: javascript python html flask

My Flask设置目前正是这样的

&#xA;&#xA;
  + project&#xA; app.py&#XA; +模板&#XA;的index.html&#XA; +脚本&#XA; mn.js&#xA;  
&#xA;&#xA;

mn.js 如下所示:

&#xA;&#xA ;
  alert(“hello”);&#xA;  
&#xA;&#xA;

index.html 指的是像这样的脚本:

&#xA;&#xA;
 &lt; head&gt;&#xA; &lt; script src =“script / mn.js”&gt;&#xA;&lt; / head&gt;&#xA;  
&#xA;&#xA;

app .py 的设置如下:

&#xA;&#xA;
  app = Flask(__ name __,template_folder ='template')&#xA;  
&#xA;&#xA;

我运行Flask并转到localhost URL。但 alert()永远不会触发。我在浏览器的控制台中看到 404 错误,指出它无法找到 http://127.0.0.1:5000/script/mn.js

&# xA;&#xA;

如果不更改 index.html &lt; script&gt; 标记的内容,如何让Flask加载 mn。 JS

&#XA?;

1 个答案:

答案 0 :(得分:0)

script文件夹中创建project文件夹,并将mn.js放入该文件夹中。

现在更新

app = Flask(__name__, static_folder='script', template_folder='template')

有关Flask中静态文件的更多详细信息,您可以查看http://flask.pocoo.org/docs/0.12/quickstart/#static-files