[英]Serving from Flask I cannot load javascript file
I am trying to build my first Single Page Application following a tutorial but I cannot load the local javascript file. 我正在尝试按照教程构建我的第一个单页应用程序,但无法加载本地javascript文件。
My Python code: 我的Python代码:
from flask import Flask, current_app
app = Flask(__name__, static_folder='')
@app.route('/')
def index():
return current_app.send_static_file('index.html')
if __name__ == "__main__":
app.run()
My HTML: 我的HTML:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>My Page</title>
<script
src="https://code.jquery.com/jquery-3.4.0.min.js"
integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div ng-controller="IndexController">
<p>{{message}}</p>
</div>
<script src="./static/js/app.js"></script>
</body>
</html>
My JavaScript: 我的JavaScript:
var myApp = angular.module('myApp', []);
myApp.controller('IndexController', function($scope){
$scope.message = 'binded ok';
});
The folder structure is: 文件夹结构为:
MyApp
|-static
| |-js
| |-app.js
|-index.html
|-server.py
Everything loads okay except for app.js that gives me: 一切正常,除了app.js可以给我:
Request URL: http://localhost:5000/static/js/app.js 请求网址: http:// localhost:5000 / static / js / app.js
Status Code: 404 NOT FOUND 状态码:404未找到
EDIT: If I open index.html
directly using the browser app.js
is loaded. 编辑:如果我直接使用浏览器app.js
打开index.html
则会加载。 So I think that Flask is creating an issue here. 所以我认为Flask在这里制造了一个问题。
尝试像这样引用您的JS文件:
<script src="{{ url_for('static', filename='static/js/app.js') }}"></script>
使用app = Flask(__name__, static_folder='', static_url_path='')
创建您的App
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.