编程 Javascript Vue.js

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 修改网站图标的方法

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

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

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

Vue 修改网站图标的方法

- Author -

潇潇mini

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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