Vue框架 ，设置浏览器标题栏图标和文字

1.找到项目根目录的index.html，如图：

2.进去就能够修改title，也就是在浏览器上方的标题

3.如果需要在标题旁边加入自定义的图标，你需要把自己的的图片放在static目录下（不要放在src目录下，浏览器会找不到）

将图标文件放到static文件夹内，在index.html的head中添加：

保存之后刷新浏览器就生效了。

第1步：将图标重命名为“favicon.ico”，并放在项目 根目录 下。

第2步：然后在index.html中引入，title中修改页面标题。

第3步：分别修改build文件夹下 webpack .dev.conf.js和webpack.prod.conf.js文件中的内容。

第五步：重新npm run server 看效果

您好，这个图标是需要自己设置的。

怎么在我们的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') // 设置网站图标，即可。

---