Vue - 设置浏览器页面头部 ico 图标

Vue 项目设置浏览器页面头部 ico 图标

1. 制作ico图标

比特虫在线制作ico图标 ：https://www.bitbug.net/

2. 项目中引入ico图标，在index.html页面中使用（这里是放在static静态文件夹中）

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

3. 在项目中 build 文件夹下的 webpack.dev.conf.js 文件中新增以下代码

favicon:path.resolve('static/favicon.ico')

4. 在项目中 build 文件夹下的 webpack.prod.conf.js 文件中新增以下代码

favicon:path.resolve('static/favicon.ico'),

5. 重启项目