开发记录

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/An_cf/article/details/84632256

开发背景：superset、Flask-AppBuilder、react

需求：网站添加favicon.ico图标(注：主要针对不能设置icon图标的页面。例：直接打开的PDF文件页面；一般的页面可以link的方式添加图标)

原理：

Flask是一个基于Python可扩展的微型Web框架。

网站需要设置独立的favicon.ico作为图形标志，对于Flask这样动态的Web应用来说，favicon.ico是存放在一个单独的文件夹/static/下面的。 那么如何让浏览器知道favicon.ico的存放位置呢？

解决方式：

一、第一种是在渲染HTML时添加：

<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">

二、在Flask中进行动态跳转----

import os 

from flask import send_from_directory 

@app.route('/favicon.ico') 

def favicon():     

    return send_from_directory(os.path.join(app.root_path, 'static'),'favicon.ico', mimetype='image/vnd.microsoft.icon')

注：如果后台是java的话就简单很多，直接把图标放在服务器项目根路径下就自动会访问。