vue项目添加favicon的几种方式

一、在public下放置favicon.ico文件浏览器会自动爬去根目录的favicon.ico文件，然后自动呈现二、在index.html入口文件添加<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>当然也可以添加其他类型的网址图标，如：png图标<link rel="shortcut icon

高先生的猫

2983人浏览 · 2021-04-08 13:40:13

高先生的猫 · 2021-04-08 13:40:13 发布

一、在public下放置favicon.ico文件

浏览器会自动爬去根目录的 `favicon.ico` 文件，然后自动呈现

二、在index.html入口文件添加

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

当然也可以添加其他类型的网址图标，如：png图标

<link rel="shortcut icon" type="image/png" href="favicon.png"/>

三、在HtmlWebpackPlugin插件中配置

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: true,
  favicon: path.resolve('favicon.ico')
}),

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^