编程 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+vant实现购物车全选和反选功能

Nov 17 Vue.js

vue+iview分页组件的封装

Nov 17 Vue.js

详解Vue 的异常处理机制

Nov 30 Vue.js

vue自定义组件实现双向绑定

Jan 13 Vue.js

vue form表单post请求结合Servlet实现文件上传功能

Jan 22 Vue.js

vue穿梭框实现上下移动

Jan 29 Vue.js

使用Vue.js和MJML创建响应式电子邮件

Mar 23 Vue.js

Vue接口封装的完整步骤记录

May 14 Vue.js

vite+vue3.0+ts+element-plus快速搭建项目的实现

Jun 24 Vue.js

Vue+TypeScript中处理computed方式

Apr 02 Vue.js

Axios代理配置及封装响应拦截处理方式

Apr 07 Vue.js

vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案

Aug 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 return语句另类用法不止是在函数中

2014/09/17 PHP

php获取指定范围内最接近数的方法

2015/06/02 PHP

php将html转成wml的WAP标记语言实例

2015/07/08 PHP

让插入到 innerHTML 中的 script 跑起来的实现代码

2006/07/01 Javascript

jQuery select的操作实现代码

2009/05/06 Javascript

javascript开发技术大全第4章直接量与字符集

2011/07/03 Javascript

在HTML代码中使用JavaScript代码的例子

2014/10/16 Javascript

最流行的Node.js精简型和全栈型开发框架介绍

2015/02/26 Javascript

javascript中闭包(Closure)详解

2016/01/06 Javascript

Fullpage.js固定导航栏-实现定位导航栏

2016/03/17 Javascript

基于javascript实现tab切换特效

2016/03/29 Javascript

jQuery实现HTML表格单元格的合并功能

2016/04/06 Javascript

利用node.js写一个爬取知乎妹纸图的小爬虫

2017/05/03 Javascript

JavaScript实现焦点进入文本框内关闭输入法的核心代码

2017/09/20 Javascript

JavaScript面试出现频繁的一些易错点整理

2018/03/29 Javascript

详解微信小程序input标签正则初体验

2018/08/18 Javascript

VUE-ElementUI 自定义Loading图操作

2020/11/11 Javascript

详解阿里Node.js技术文档之process模块学习指南

2021/01/04 Javascript

[00:43]2016完美“圣”典风云人物：单车宣传片

2016/12/02 DOTA

Python基础入门之seed()方法的使用

2015/05/15 Python

python实现rsa加密实例详解

2017/07/19 Python

深入浅出分析Python装饰器用法

2017/07/28 Python

开源软件包和环境管理系统Anaconda的安装使用

2017/09/04 Python

python实现俄罗斯方块游戏

2020/03/25 Python

django foreignkey外键使用的例子相当于left join

2019/08/06 Python

pycharm显示远程图片的实现

2019/11/04 Python

理肤泉美国官网：La Roche-Posay

2018/01/17 全球购物

Elemental Herbology官网：英国美容品牌

2019/04/27 全球购物

The North Face北面荷兰官网：美国著名户外品牌

2019/10/16 全球购物

非功能性需求都包括哪些方面

2013/10/29 面试题

师德建设实施方案

2014/03/21 职场文书

公司前台接待岗位职责

2015/04/03 职场文书

投资合作意向书范本

2015/05/08 职场文书

2015年外贸业务员工作总结范文

2015/05/23 职场文书

mysql timestamp比较查询遇到的坑及解决

2021/11/27 MySQL

类和原型的设计模式之复制与委托差异

2022/07/07 Javascript