Vue 修改网站图标的方法


Posted in Vue.js onDecember 31, 2020

1、在stateic下新增favicon.ico文件

Vue 修改网站图标的方法

2、修改index.html文件,如图

Vue 修改网站图标的方法

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="static/favicon.ico" rel="external nofollow" >
  <title>网站名称</title>
 </head>
 <body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
 </body>
</html>

3、如果有新开页面无法显示图标问题,修改bulid下的webpack.dev.conf.js文件

Vue 修改网站图标的方法

Vue 修改网站图标的方法

new HtmlWebpackPlugin({
   filename: 'index.html',
   template: 'index.html',
   inject: true,
   favicon:'static/favicon.ico'//新增
  }),

4、这个时候再重新启动一次项目就好啦

以上就是Vue 修改网站图标的方法的详细内容,更多关于Vue 修改网站图标的资料请关注三水点靠木其它相关文章!

Vue.js 相关文章推荐
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
Vue中computed和watch有哪些区别
Dec 19 Vue.js
vue 通过base64实现图片下载功能
Dec 19 Vue.js
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
如何在 Vue 表单中处理图片
Jan 26 Vue.js
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
vue完美实现el-table列宽自适应
May 08 Vue.js
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
关于vue-router-link选择样式设置
Apr 30 Vue.js
Vue中inheritAttrs的使用实例详解
Dec 31 #Vue.js
vue导入.md文件的步骤(markdown转HTML)
Dec 31 #Vue.js
vue-cli4.0多环境配置变量与模式详解
Dec 30 #Vue.js
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 #Vue.js
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 #Vue.js
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 #Vue.js
梳理一下vue中的生命周期
Dec 30 #Vue.js
You might like
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP递归算法的简单实例
2019/02/28 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
jQuery.prop() 使用详解
2015/07/19 Javascript
Javascript使用post方法提交数据实例
2015/08/03 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
vue-cli系列之vue-cli-service整体架构浅析
2019/01/14 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
vue实现简易计算器功能
2021/01/20 Vue.js
[02:29]大剑、皮鞭、女装,这届DOTA2勇士令状里都有
2020/07/17 DOTA
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
浅谈Django REST Framework限速
2017/12/12 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
过滤器的用法
2013/10/08 面试题
销售人员个人求职信
2013/09/26 职场文书
计算机本科生自荐信
2013/10/15 职场文书
物业公司采购员岗位职责
2013/12/31 职场文书
2014年端午节活动方案
2014/03/11 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
教师节倡议书
2014/08/30 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2014年科研工作总结
2014/12/03 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL
SpringBoot接入钉钉自定义机器人预警通知
2022/07/15 Java/Android