下面的代码尝试读取存储在static / leaflet / package / dist /中的leaflet.js和leaflet.css文件
静态文件夹与我的flask app.py代码位于同一目录中。模板位于模板文件夹中。下面的代码来自我的home.html模板。
由于某些原因,如果我在我的leaflet.js和leaflet.css代码中使用url源,则该映射可以完美地工作。一旦我尝试从目录中获取脚本,地图就会中断。我认为这是因为我没有正确集成url_for。因为我正在使用模板继承,所以它可能还会进一步混乱。
提前感谢您的帮助!
{% extends "base.html" %}
{% block header %}
<link rel="stylesheet" href="{{url_for('static', filename='leaflet/package/dist/leaflet.css')}}">
<script src="{{url_for('static', filename='leafleat/package/dist/leaflet.js')}}"></script>
<style>
#map{ width: 100%; height: 100%; }
</style>
{% endblock %}
编辑:
这些是我从服务器获取的HTTP状态代码。看起来好像唯一没有得到的是我的leaflet.js脚本。
127.0.0.1--[04 / Oct / 2019 16:17:01]“ GET / HTTP / 1.1” 200-
127.0.0.1--[04 / Oct / 2019 16:17:01]“ GET /static/leaflet/package/dist/leaflet.css HTTP / 1.1” 200-
127.0.0.1--[04 / Oct / 2019 16:17:01]“ GET /static/leafleat/package/dist/leaflet.js HTTP / 1.1” 404-
127.0.0.1--[04 / Oct / 2019 16:17:01]“ GET /static/favicon.ico HTTP / 1.1” 200-
已解决。我在leaflet.js行中拼写了传单。万一任何人在任何时候都需要传单和烧瓶的帮助,就不要管它了。