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开发chrome插件,实现获取界面数据和保存到数据库功能
Dec 01 Vue.js
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
详解Vue中的自定义指令
Dec 07 Vue.js
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
Vue实现简易购物车页面
Dec 30 Vue.js
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
Vue中引入svg图标的两种方式
Jan 14 Vue.js
vue实现验证用户名是否可用
Jan 20 Vue.js
vue backtop组件的实现完整代码
Apr 07 Vue.js
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
Vue的生命周期一起来看看
Feb 24 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使用MySQL保存session会话的方法
2015/06/18 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
javascript document.images实例
2008/05/27 Javascript
学习ExtJS 访问容器对象
2009/10/07 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
jquery实现input框获取焦点的简单实例
2017/01/26 Javascript
canvas绘制多边形
2017/02/24 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
Python中使用Inotify监控文件实例
2015/02/14 Python
tornado 多进程模式解析
2018/01/15 Python
python pandas 如何替换某列的一个值
2018/06/09 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
Python实现Restful API的例子
2019/08/31 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
英文商务邀请信
2014/01/22 职场文书
网页美工求职信
2014/02/15 职场文书
党员服务承诺书
2014/05/28 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
小平小道观后感
2015/06/09 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书