uni-app中如何正确配置web版本的favicon.ico?
时间: 2023-12-03 08:03:10 浏览: 153
在uni-app中配置web版本的`favicon.ico`可以通过在`index.html`文件中添加`<link>`标签来实现。具体步骤如下:
1. 在`static`目录下放置你的`favicon.ico`文件。
2. 在`index.html`文件的`<head>`标签中添加以下代码:
```
<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico">
```
其中,`<%= BASE_URL %>`会被编译为当前项目的根路径,这样可以保证`favicon.ico`文件能够正确地被加载。
需要注意的是,为了兼容不同的浏览器,最好同时提供不同尺寸的`favicon.ico`文件。可以在`<head>`标签中添加多个`<link>`标签来引用不同尺寸的文件,例如:
```
<link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>favicon-16x16.png">
```
这样可以保证在不同的设备和浏览器上都能够正确地显示`favicon.ico`图标。
阅读全文