在vue项目中设置网站图标

怎么在我门的Vue项目中设置自定义的网站图标：首先我们需要先制作个ico图标，大小为32*32的，放到static文件夹下，附制作网站，我们把制作好的ico图片改名为：favicon.ico（注：必须改名），放到我们项目中的static文件夹下。分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径：webpack.prod.conf.js文件

Best'

4462人浏览 · 2020-12-31 14:06:38

Best' · 2020-12-31 14:06:38 发布

怎么在我们的Vue项目中设置自定义的网站图标：

首先我们需要先制作个ico图标，大小为32*32的，放到static文件夹下，附制作网站，我们把制作好的ico图片改名为：favicon.ico（注：必须改名），放到我们项目中的static文件夹下。
分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径：
添加代码：
```
favicon: path.resolve('static/img/favicon.ico') // 设置网站图标
```
webpack.prod.conf.js文件：

webpack.dev.conf.js文件：
重启项目，大功告成！

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}$/, //不连续的两位字母// /^