Flask can'；t从manifest.json文件加载图标

因此，我试图使用

Flask

制作一个

渐进式web应用程序

，但我遇到了一个问题。我无法从

manifest.json文件中加载图标

PWA控制台的屏幕截图


清单Json

{
    "name": "PWA using Flask",
    "short_name": "Flask PWA",
    "theme_color": "#042ad3",
    "background_color": "#ffffff",
    "icons": [
        {
                "src": "/app/static/images/icon-64.png",
                "type": "image/png",
                "sizes": "64x64"
            },
            {
                "src": "/app/static/images/icon-96.png",
                "type": "image/png",
                "sizes": "96x96"
            },
            {
                "src": "/app/static/images/icon-192.png",
                "type": "image/png",
                "sizes": "192x192"
            },
            {
                "src": "/app/static/images/icon-512.png",
                "type": "image/png",
                "sizes": "512x512"
            }
    ],
    "start_url": "/",
    "display": "standalone",
    "orientation": "portrait"
}

PWA HTML（仅头部部分）


{{title}}

文件夹结构

我知道这是一个老问题，我相信OP一定已经找到了解决方案，但是对于任何想快速简便地解决这个问题的人来说，你可以在你的flask应用程序中创建一个端点/路由来服务图标

我是这样做的：

@app.route('/files/<path:filename>')
def files(filename):
    return send_from_directory('./static/img/icons/', filename)

目录结构：

project/
---static/
------manifest.json
------img/
---------icons
---templates/
app.py


我知道这是一个老生常谈的问题，我相信OP一定已经找到了解决方案，但是对于任何想快速简便地解决这个问题的人来说，你可以在你的flask应用程序中创建一个端点/路由来提供图标

我是这样做的：

@app.route('/files/<path:filename>')
def files(filename):
    return send_from_directory('./static/img/icons/', filename)

目录结构：

project/
---static/
------manifest.json
------img/
---------icons
---templates/
app.py