编程 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 相关文章推荐

快速解决vue2+vue-cli3项目ie兼容的问题

Nov 17 Vue.js

详解vue实现坐标拾取器功能示例

Nov 18 Vue.js

详解Vue的异步更新实现原理

Dec 22 Vue.js

vue.js实现点击图标放大离开时缩小的代码

Jan 27 Vue.js

vue登录页实现使用cookie记住7天密码功能的方法

Feb 18 Vue.js

基于vue的video播放器的实现示例

Feb 19 Vue.js

vue-router路由懒加载及实现的3种方式

Feb 28 Vue.js

如何使用vue3打造一个物料库

May 08 Vue.js

解读Vue组件注册方式

May 15 Vue.js

vue+spring boot实现校验码功能

May 27 Vue.js

Vue3如何理解ref toRef和toRefs的区别

Feb 18 Vue.js

Vue Mint UI mt-swipe的使用方式

Jun 05 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 APC的安装与使用详解

2013/06/13 PHP

ThinkPHP Mobile使用方法简明教程

2014/06/18 PHP

PHP框架Laravel插件Pagination实现自定义分页

2020/04/22 PHP

php基于curl实现的股票信息查询类实例

2016/11/11 PHP

php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能（中）

2017/06/11 PHP

php session_decode函数用法讲解

2019/05/26 PHP

PHP设计模式之适配器模式（Adapter）原理与用法详解

2019/12/12 PHP

JavaScript高级程序设计（第3版）学习笔记10 再访js对象

2012/10/11 Javascript

浅析jQuery(function(){})与(function(){})(jQuery)之间的区别

2014/01/09 Javascript

JavaScript用select实现日期控件

2015/07/17 Javascript

jQuery动画效果相关方法实例分析

2015/12/31 Javascript

javascript中this指向详解

2016/04/23 Javascript

BootStrap框架中的data-[ ]自定义属性理解(推荐)

2017/02/14 Javascript

微信JSSDK调用微信扫一扫功能的方法

2017/07/25 Javascript

tangram.js库实现js类的方式实例分析

2018/01/06 Javascript

详解Vue CLI3配置解析之css.extract

2018/09/14 Javascript

使用canvas实现一个vue弹幕组件功能

2018/11/30 Javascript

JS实现换肤功能的方法实例详解

2019/01/30 Javascript

Node.JS枚举统计当前文件夹和子目录下所有代码文件行数

2019/08/23 Javascript

Layui实现主窗口和Iframe层参数传递

2019/11/14 Javascript

查找Vue中下标的操作(some和findindex)

2020/08/12 Javascript

python基础教程之popen函数操作其它程序的输入和输出示例

2014/02/10 Python

Python使用MD5加密字符串示例

2014/08/22 Python

详解Python中的变量及其命名和打印

2016/03/11 Python

python实现对求解最长回文子串的动态规划算法

2018/06/02 Python

python利用ffmpeg进行录制屏幕的方法

2019/01/10 Python

Python 判断图像是否读取成功的方法

2019/01/26 Python

Python中断多重循环的思路总结

2019/10/04 Python

HTML5 Web缓存和运用程序缓存(cookie,session)

2018/01/11 HTML / CSS

Dyson戴森波兰官网：Dyson.pl

2019/08/05 全球购物

测绘专业大学生职业生涯规划书

2014/02/10 职场文书

协议书样本

2014/04/23 职场文书

竞争上岗演讲稿范文

2014/05/12 职场文书

销售团队激励口号

2014/06/06 职场文书

工作试用期自我评价

2015/03/10 职场文书

Python爬虫之爬取哔哩哔哩热门视频排行榜

2021/04/28 Python