编程 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的mixin策略

Nov 19 Vue.js

Vue 的 v-model用法实例

Nov 23 Vue.js

解决vue页面刷新，数据丢失的问题

Nov 24 Vue.js

Vue实现图书管理小案例

Dec 03 Vue.js

Vue $attrs & inheritAttr实现button禁用效果案例

Dec 07 Vue.js

详解Vue2的diff算法

Jan 06 Vue.js

vue集成一个支持图片缩放拖拽的富文本编辑器

Jan 29 Vue.js

Vue SPA 首屏优化方案

Feb 26 Vue.js

vue实现水波涟漪效果的点击反馈指令

May 31 Vue.js

vue打包时去掉所有的console.log

Apr 10 Vue.js

vue数据字典取键值项目的字典问题

Apr 12 Vue.js

vue封装数字翻牌器

Apr 20 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出错界面

2006/10/09 PHP

PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析

2011/03/28 PHP

一个PHP分页类的代码

2011/05/18 PHP

php创建sprite

2014/02/11 PHP

php基本函数汇总

2015/07/09 PHP

YII2框架中actions的作用与使用方法示例

2020/03/13 PHP

js 蒙版进度条（结合图片）

2010/03/10 Javascript

深入分析javascript中console命令

2016/08/14 Javascript

javascript基础知识之html5轮播图实例讲解（44）

2017/02/17 Javascript

AngularJs每天学习之总体介绍

2017/08/07 Javascript

基于vue监听滚动事件实现锚点链接平滑滚动的方法

2018/01/17 Javascript

JS设计模式之命令模式概念与用法分析

2018/02/06 Javascript

js input输入百分号保存数据库失败的解决方法

2018/05/26 Javascript

jQuery.parseJSON()函数详解

2019/02/28 jQuery

在Vue中使用this.$store或者是$route一直报错的解决

2019/11/08 Javascript

Vue使用vue-draggable 插件在不同列表之间拖拽功能

2020/03/12 Javascript

javascript执行上下文、变量对象实例分析

2020/04/25 Javascript

js实现html滑动图片拼图验证

2020/06/24 Javascript

浅谈Ant Design Pro 菜单自定义 icon

2020/11/17 Javascript

使用node-media-server搭建一个简易的流媒体服务器

2021/01/20 Javascript

[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6

2018/06/07 DOTA

[03:17]DOTA2-DPC中国联赛1月29日Recap集锦

2021/03/11 DOTA

python中子类继承父类的__init__方法实例

2016/12/15 Python

python MySQLdb使用教程详解

2018/03/20 Python

Django {{ MEDIA_URL }}无法显示图片的解决方式

2020/04/07 Python

python如何导出微信公众号文章方法详解

2020/08/31 Python

澳大利亚儿童精品仓库：Goo & Co.

2019/06/20 全球购物

北京-环亚运商测试题.net程序员初步测试题

2013/05/28 面试题

美德好少年主要事迹

2014/01/29 职场文书

大学生英语演讲稿

2014/04/24 职场文书

单位委托书怎么写

2014/08/02 职场文书

个人四风问题对照检查材料思想汇报

2014/10/06 职场文书

2015年师德师风承诺书

2015/01/22 职场文书

酒店服务员岗位职责

2015/02/09 职场文书

《成长的天空》读后感3篇

2019/12/06 职场文书

详解Python+OpenCV进行基础的图像操作

2022/02/15 Python