程序员经验分享-hwhale

Vue中怎么设置图标

2023-11-12

在vue项目中，我们怎样设置浏览器图标？

我们来看vue项目的目录结构，根目录下有一个index.html，这个就相当于我们普通项目中的各个html页面文件，所以设置方法就是在index.html的head标签中添加link标签。

在这里要注意的是图标文件的位置，不能放到src里，这样的路径会让浏览器找不到。网页把根域名作为相对路径的根目录了，然而我们文件的路径是相对于项目文件的根目录的，因此就找不到了。

因此，图片一类的静态文件，应该放在这个static文件夹下，这个文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们再去使用/static绝对路径，这样就可以访问这些静态文件了。所以推荐将项目中的静态文件放到static文件夹下。

将favicon.ico的图标文件放到static文件夹内，在index.html的head中添加：

<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">

保存并刷新浏览器，看浏览器图标已经正确设置上了。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

vue设置浏览器图标 浏览器图标

Vue中怎么设置图标 的相关文章

  • RT-Thread微秒延时？

    今天继续做之前的东西 使用了RT thread操作系统 程序中有AT24C02的相关操作AT24C02的操作的接口是IIC接口 所以又涉及到IIC 程序用的模拟的IIC IIC的时序挺严格的 有微秒的延时操作 由于模拟IIC程序中的延时操作

随机推荐

  • 计算1-100之间的所有的奇数和

    我的每篇都是干货 要求 计算1 100之间的所有的奇数和 1 3 5 7 99 有一个数据 从0变到100 循环 int 0 lt 100 从0 100 范围内 找到奇数 数 2 1 奇数 所有的奇数求和计算 需要变量 保存奇数的求和 实现

  • 想要输出JSONObject有序的操作方法

    1 由于 com alibaba fastjson JSONObject 默认是由hashMap组成的 所以内容存放的顺序并不是有序的 如果要实现有序的话需要使用LinkedHashMap的方式 在新建Json对象的时候要这样写 JSONO

  • 用java实现奇异值分解(SVD)

    首先奇异值分解 Singular Value Decomposition 以下简称SVD 描述如下 奇异值分解 Singular Value Decomposition 是线性代数中一种重要的矩阵分解 奇异值分解则是特征分解在任意矩阵上的推

  • 云原生基础设施实践：NebulaGraph 的 KubeBlocks 集成故事

    像是 NebulaGraph 这类基础设施上云 通用的方法一般是将线下物理机替换成云端的虚拟资源 依托各大云服务厂商实现 服务上云 但还有一种选择 就是依托云数据基础设施 将数据库产品变成为云生态的一环 不只是提供自身的数据云服务 还能同其

  • 自动文摘生成

    自动文摘技术概要 文本自动文摘 automatic summarization abstracting 是利用计算机自动实现文本分析 内容归纳和摘要自动生成的技术 在目前的研究中 已经有很多技术被用于解决文本的自动摘要生成 有的研究针对文档

  • JavaScript基础知识

    JavaScript调试 使用console log 可以向控制台输出信息 JavaScript打印信息语法 向页面输出信息 write后面要添加字符串 需要使用 标记字符串 也可以输出html的元素 document write h1 1

  • 决策树简单介绍

    一 决策树的介绍 决策树 decision tree 是一种基本的分类与回归方法 此处主要讨论分类的决策树 在分类问题中 表示基于特征对实例进行分类的过程 可以认为是if then的集合 也可以认为是定义在特征空间与类空间上的条件概率分布

  • C#实现AES-ECB加解密

    using System using System Text using System Security Cryptography namespace Common API Test Test Demo class AES ecb Encr

  • java连接mysql数据库（3）插入数据，详细

    连接数据库并向表中插入数据 代码 public class today public static void main String args String url jdbc mysql localhost 3306 my url是固定的

  • [Unity]取消键盘W与Input.GetAxis(“Horizontal“)的按键关联

    float fh 0 fv 0 fh Input GetAxis Horizontal fv Input GetAxis Vertical Edit ProjectSettings Input InputManager Axes Horiz

  • inittab详解

    文章转载地址 https blog csdn net kernel 32 article details 3860756 utm source blogxgwz1 linux System init init进程是系统中所有进程的父进程 i

  • Plaxis3D模型浏览器各选项概念及相互关系

    一 概念含义 二 控制与被控制关系 地层学控制土体 几何图形控制梁 板 界面 组控制梁 板 界面 梁控制本身 beam对应几何图形中的line 板控制本身 界面 界面 土体控制本身 控制示例 地层控制土体 几何模型控制梁 板 界面和土体 组

  • 关于shiro反序列化漏洞一次完整的攻击

    1 1 漏洞原理 Apache Shiro框架提供了记住密码的功能 RememberMe 用户登录成功后会生成经过加密并编码的cookie 在服务端对rememberMe的cookie值 先base64解码然后AES解密再反序列化 就导致了

  • Web自动化测试04：Selenium-XPath、CSS定位

    系列文章目录 软件测试功能到自动化学习路线图 2022年最新版技术栈 软件测试01 从了解测试岗位职能和测试流程开始 附作业 软件测试02 6大实际案例手把手教你设计测试点 软件测试03 用例执行以及缺陷管理的学习 附禅道下载使用流程 软件

  • redis内部数据结构详解之字典dict

    redis内部数据结构详解之字典dict 对于redis的Dict 字典 虽说算法上跟市面上一般的Dict实现没有什么区别 但是redis的Dict有2个特殊的地方那就是它的rehash 重新散列 和它的字典节点单向链表 以下是dict用到

  • python中*args的使用

    文章目录 python中 args的使用 args python中 args的使用 args表示动态传入的参数 也就是参数传入的个数是可变的 可以是一个或者多个 在不需要的时候也可以传入不用给它传入任何值 注 动态参数必须放在所有的位置参数

  • arduino字符串处理函数

    判断字符串是否相等 equals 和equalsIgnoreCase 语法 string equals string2 string equalsIgnoreCase string 区别 是否忽略大小写 返回值布尔类型 将字符串复制到宁一个

  • 大数据毕业设计 B站数据分析与可视化系统 - python

    文章目录 0 前言 1 课题背景 2 实现效果 3 数据获取 4 数据可视化 5 最后 0 前言 这两年开始毕业设计和毕业答辩的要求和难度不断提升 传统的毕设题目缺少创新和亮点 往往达不到毕业答辩的要求 这两年不断有学弟学妹告诉学长自己做的

  • 启用与禁用游戏物体——unity

    Unity启用与禁用游戏物体gameObject activeInHierarchy 返回当前物体是否启用gameObject SetActive true 将物体启用gameObject SetActive false 将物体禁用 由于物

  • Vue中怎么设置图标

    在vue项目中 我们怎样设置浏览器图标 我们来看vue项目的目录结构 根目录下有一个index html 这个就相当于我们普通项目中的各个html页面文件 所以设置方法就是在index html的head标签中添加link标签 在这里要注意

热门标签