修改nuxtjs项目中的浏览器图标步骤

news/2024/7/23 11:26:24 标签: 前端, vue.js, javascript, nuxt

处理步骤:


    打开配置页面
    使用el-upload 上传图片到后台
    后台把图片转为ico,返回图标路径
    配置页面修改本页面预览图,点击保存,修改的数据库。
    通知nuxt布局页面,修改head节点中的图标属性,所有页面的浏览器图标便会修改。
    再次打开浏览器,查询配置的图标,进行设置。

图标的关键地方

layouts\default.vue head()-return-link-href
 

javascript">  head() {
    return {
      title: this.softInfo.name,
      link: [
        {
          rel: 'icon',
          type: 'image/x-icon',
          href: this.softInfo.icon //可以是static目录下,也可以是http资源
        }
      ],
    };
  },


http://www.niftyadmin.cn/n/5456400.html

相关文章

【Java程序设计】【C00387】基于(JavaWeb)Springboot的校园食堂订餐系统(有论文)

基于(JavaWeb)Springboot的校园食堂订餐系统(有论文) 项目简介项目获取开发环境项目技术运行截图 博主介绍:java高级开发,从事互联网行业六年,已经做了六年的毕业设计程序开发,开发过…

SQL的事务及其ACID属性

目录 SQL中的事务简介事务和ACID属性SQL事务中的关键命令示例SQL事务的隔离层级1. 未提交读取2. 提交后读取3. 可重复读取4. 可序列化脏读、不可重复读或虚读脏读取不可重复读取(未提交读取)虚读取推荐超级课程: Docker快速入门到精通Kubernetes入门到大师通关课AWS云服务快速…

再谈敏捷开发

敏捷开发VS敏捷开发2.0 下面是一个更完整的表格,对比敏捷开发和敏捷开发2.0的主要特点以及常用的实践工具: 特点敏捷开发敏捷开发2.0方法论迭代式开发更灵活、可定制的方法论团队结构通常采用传统的团队结构更加自组织、自主的团队结构交付价值强调持续…

OSCP靶场--pyLoader

OSCP靶场–pyLoader 考点(信息收集CVE-2023-0297) 1.nmap扫描 ┌──(root㉿kali)-[~/Desktop] └─# nmap -Pn -sC -sV 192.168.178.26 --min-rate 2500 Starting Nmap 7.92 ( https://nmap.org ) at 2024-03-28 09:14 EDT Nmap scan report for 192.168.178.26 Host is up…

团队建设与管理案例分析题

习题一 最近A公司接了一个信息系统运维项目,而且非常重视,任命了有丰富售后服务张某为系统规划与管理师,全权授权张某负责该项目,并要求他负责企业运维服务能力建设和提升。张某也学习了大量项目管理知识和运维管理知识&#xff…

学习或复习电路的game推荐:nandgame(NAND与非门游戏)、Turing_Complete(图灵完备)、logisim工具

https://www.nandgame.com/ 免费 https://store.steampowered.com/app/1444480/Turing_Complete/ 收费,70元。据说可以导出 Verilog ! logisim及其衍生版本 都需要安装java环境。 http://www.cburch.com/logisim/ 是原版, 下载页面&#…

如何为nginx配置环境变量-linux(-bash: nginx: 未找到命令)

我在安装nginx后,输入nginx 始终提示:"-bash: nginx: 未找到命令" 只能使用:“ /usr/local/nginx/sbin/nginx ” 此文是对执行 nginx -s reload 命令 提示未找到的解决方案! 避免浪费时间!!&#x…

肖恩带你拿捏结构体!

先赞后看,养成习惯(😁),几天不见,甚是想念,今天肖恩带大家拿捏结构体~~~ 1. 结构体类型的声明 那首先,什么是结构体呢? C语⾔已经提供了内置类型,如&#…