编程 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 27 Vue.js

Vue3+elementui plus创建项目的方法

Dec 01 Vue.js

Vue实现点击当前行变色

Dec 14 Vue.js

浅析vue中的nextTick

Dec 28 Vue.js

如何在VUE中使用vue-awesome-swiper

Jan 04 Vue.js

Vue仿Bibibili首页的问题

Jan 21 Vue.js

Vue中使用wangeditor富文本编辑的问题

Feb 07 Vue.js

Vue多选列表组件深入详解

Mar 02 Vue.js

详解vue中v-for的key唯一性

May 15 Vue.js

Vue.js中v-bind指令的用法介绍

Mar 13 Vue.js

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

Apr 07 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

MySQL修改密码方法总结

2008/03/25 PHP

基于PHP常用函数的用法详解

2013/05/10 PHP

本地计算机无法启动Apache故障处理

2014/08/08 PHP

PHP定时任务获取微信access_token的方法

2016/10/10 PHP

实例讲解php将字符串输出到HTML

2019/01/27 PHP

本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结

2013/03/25 Javascript

nodeType属性返回被选节点的节点类型介绍

2013/11/22 Javascript

js 高效去除数组重复元素示例代码

2013/12/19 Javascript

javascript 获取浏览器版本

2015/01/21 Javascript

jQuery实现拖拽效果插件的方法

2015/03/23 Javascript

jQuery实现简单二级下拉菜单

2015/04/12 Javascript

js点击返回跳转到指定页面实现过程

2020/08/20 Javascript

JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

2016/10/24 Javascript

JavaScript获取服务器时间的方法详解

2016/12/11 Javascript

浅谈mint-ui 填坑之路

2017/11/06 Javascript

详解Nuxt.js部署及踩过的坑

2018/08/07 Javascript

一次让你了解全部JavaScript的作用域

2019/06/24 Javascript

小程序实现图片预览裁剪插件

2019/11/22 Javascript

JavaScript布尔运算符原理使用解析

2020/05/06 Javascript

原生js实现购物车

2020/09/23 Javascript

[02:12]打造更好的电竞完美世界：完美盛典回顾篇

2018/12/19 DOTA

Python获取单个程序CPU使用情况趋势图

2015/03/10 Python

将Python中的数据存储到系统本地的简单方法

2015/04/11 Python

使用python在本地电脑上快速处理数据

2017/06/22 Python

对python 中class与变量的使用方法详解

2019/06/26 Python

Python如何筛选序列中的元素的方法实现

2019/07/15 Python

Python使用Slider组件实现调整曲线参数功能示例

2019/09/06 Python

python的pyecharts绘制各种图表详细（附代码）

2019/11/11 Python

python如何设置静态变量

2020/09/07 Python

python Gabor滤波器讲解

2020/10/26 Python

Ubuntu 20.04安装Pycharm2020.2及锁定到任务栏的问题(小白级操作)

2020/10/29 Python

python re的findall和finditer的区别详解

2020/11/15 Python

梅西百货澳大利亚：Macy’s Australia

2017/07/26 全球购物

香港艺人陈冠希创办的潮流品牌：JUICESTORE

2021/03/04 全球购物

PHP笔试题

2012/02/22 面试题

新闻稿件写作范文

2015/07/18 职场文书