首页 >web前端 >Vue.js >vue项目中怎么设置title图标?(图文详解)

vue项目中怎么设置title图标?(图文详解)

青灯夜游
青灯夜游转载
2021-02-12 09:15:074314浏览

vue项目中怎么设置title图标?下面本篇文章给大家介绍一下vue项目中设置title图标的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue项目中怎么设置title图标?(图文详解)

相关推荐:《vue.js教程

在项目index.html头部引入这句话:

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

把favicon.ico文件放到项目根目录,和index.html同级。

项目build文件夹里找到webpack.dev.conf.jswebpack.prod.conf.js这两个文件。在相应地方添加下图红框中的语句。

在这里插入图片描述

保存即可。

更多编程相关知识,请访问:编程教学!!

以上是vue项目中怎么设置title图标?(图文详解)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:csdn.net。如有侵权,请联系admin@php.cn删除