1 . 将图片.ico 文件放在项目根目录下
这里写图片描述
2 . 在 index.html 页面上配置图标及文字
在项目的index.html 中：
<head>
<title>标题栏文字</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
</head>
1
2
3
4
3 . 修改 build 文件夹下 webpack.prod.conf.js 和 webpack.dev.conf.js 文件
webpack.prod.conf.js 和 webpack.dev.conf.js 文件都要添加以下内容：
var path = require(\'path\') // 开头引入 path 模块
....
// HtmlWebpackPlugin 中添加 favicon
new HtmlWebpackPlugin({
filename: \'index.html\',
template: \'index.html\',
favicon: path.resolve(\'favicon.ico\'), // 引入图片地址
inject: true
})
1
2
3
4
5
6
7
8
9
webpack.dev.conf.js文件
webpack.prod.conf.js文件
一般在webpack.prod.conf.js文件下已经引入了path, 但是在webpack.dev.conf.js 文件下没有引入，需要在webpack.dev.conf.js文件下引入一次：
这里写图片描述
4 . 重新启动项目即可。
npm install
npm run dev
---------------------
作者：lanc336
来源：CSDN
原文：https://blog.csdn.net/weixin_41767649/article/details/79986756
版权声明：本文为博主原创文章，转载请附上博文链接！
mounted() created里面也可以设置标题
document.title = "后台管理";