使用Flask嵌入本地HTML页面[重复]

Question

所以我使用了一个很酷的插件Folium来创建地图。地图被创建为.html，每次更新地图时，它都会重新生成html。因此，为了在同一个页面上显示地图、导航栏和其他内容，我想我需要将map.html放在一个iframe框架中，它可以随意刷新自己。

创建地图的方式如下：

map1 = folium.Map(location=[45.5, -73.61], width="100%", height="100%")
map1.save('./maps/map.html')

我试着这样来描述它：

<iframe src="/maps/map.html"></iframe>

但是我得到了404错误

昨天有人建议我像这样为它构建一个endpoint：

@app.route('/http://127.0.0.1:4995/maps/map')
def show_map():
return flask.send_file('/maps/map.html')

但是我一直收到404错误

Answer 1

您的路线定义不正确。在编写时，您为http://yourserver/http://127.0.0.1:4995/maps/map而我认为你想要的是http://yourserver/maps/map.html。要实现这一点，您需要使用以下方法

@app.route('/maps/map.html')
def show_map():
    return flask.send_file('/maps/map.html')

Flask将自动在服务器地址前加上前缀（http://127.0.0.1:4995）到您定义的任何路线的起点。

此外，在HTML的模板中，我将使用url\u for获取地图的url，以避免路线的更改需要更改模板。

<iframe src="{{ url_for('show_map') }}"></iframe>