时间戳

首页 > 解决方案 > Flask-当 html 尝试访问 Javascript 文件时出现 404 错误

javascript - Flask-当 html 尝试访问 Javascript 文件时出现 404 错误

问题描述

一般来说，我对 python、Javascript 和烧瓶很陌生。当我尝试将 Javascript 插入我的 html 文件并将其托管在我的本地服务器上时，我收到此错误。

127.0.0.1 - - [31/Dec/2018 18:01:03] "GET /%7B%7B%20url_for('static',%20filename='js/ClientSide.js')%20%7D%7D HTTP/1.1" 404-

这就是我的 html 文件的相关部分的样子。

<!DOCTYPE html>
<html>
<head> 
<script src="{{ url_for('static', filename='js/ClientSide.js') }}"></script>
</head>
<h1>Tweet Data</h1>

这就是我的 python 代码的相关部分的样子

app = Flask(__name__,static_folder='templates')

@app.route("/")
def output():
    return send_from_directory(app.static_folder,"Frontend.html")

这是我的文件夹结构目前的样子

├───.idea
├───static
│   ├───css
│   └───js
|       +---ClientSide.js
├───templates
|   +---Frontend.html
├───venv
│
|---twitter.py

标签： javascriptpythonhtmlflask

解决方案

您应该使用 render 方法将脚本链接为 jinja 模板中的变量。

from flask import render_template 

@app.route("/")
def output():
    return render_template("Frontend.html")

您最好在 html 页面底部添加 javascript 代码（在 end body 标记之前）。

推荐阅读