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

处理步骤:


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

图标的关键地方

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/576593.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【笔记】RDD算子操作(Spark基础知识)

持续更新中!!! 目录 一、RDD的创建 1.从本地创建 (1)本地文件 (2)hdfs文件(先提前创建目录并上传文件) 2.从集合创建(通过并行集合(列表&am…

Java服务运行在Linux----维护常用命令

想起来哪些再添加上去 查看Java程序进程 jps -l 查出进程后根据pid 查询程序所在目录 pwdx 31313 根据端口查找PID 根据pid杀死程序 kill -p 31313 查看目录下所有包含9527的文件 grep -rn 9527 查看磁盘空间 查找文件名"nginx"文件或模糊查找"*nginx*&quo…

yolov8逐步分解(1)--默认参数超参配置文件加载

本章节将介绍yolov8算法训练过程中的第一步:加载默认训练参数以及超参的配置文件default.yaml。 Yolov8 训练的入口文件为train.py,文件结构如下图所示: 1. 执行train函数,函数默认配置参数为cfgDEFAULT_CFG &#xff0c…

Ubuntu通过分用户进行多版本jdk配置

前言:本文内容为实操记录,仅供参考! linux安装jdk参考:http://t.csdnimg.cn/TeECj 出发点:最新的项目需要用jdk17来编译,就把服务器的jdk版本升级到了17,但是有一些软件例如nexus还需要jdk1.8进…

新体验、高效能,星河零代码产线加速带动产业新质生产力

2023年12月,在Wave Summit深度学习开发者大会上,飞桨隆重推出了端云协同的低代码开发工具——PaddleX。这款一站式AI开发工具集成了飞桨开发套件多年积累的模型训练、推理全流程开发的优势能力。同时立足产业真实应用场景,内置12个面向产业应…

Linux系统使用Docker部署MinIO结合内网穿透实现公网访问本地存储服务

文章目录 前言1. Docker 部署MinIO2. 本地访问MinIO3. Linux安装Cpolar4. 配置MinIO公网地址5. 远程访问MinIO管理界面6. 固定MinIO公网地址 前言 MinIO是一个开源的对象存储服务器,可以在各种环境中运行,例如本地、Docker容器、Kubernetes集群等。它兼…

Unity2018发布安卓报错 Exception: Gradle install not valid

Unity2018发布安卓报错 Exception: Gradle install not valid Exception: Gradle install not valid UnityEditor.Android.GradleWrapper.Run (System.String workingdir, System.String task, System.Action1[T] progress) (at <c67d1645d7ce4b76823a39080b82c1d1>:0) …

Turborepo 1.13 发布!新终端 UI 与本地任务交互

近日&#xff0c;Turborepo 1.13 带来了全新改进的本地开发体验以及其他增强功能&#xff0c;包括 新终端 UI&#xff1a;在增强的终端体验中与本地任务交互启用最快的默认设置&#xff1a;使用 turbo scan 让本地开发环境更快CI 日志改进&#xff1a;支持四个主要提供商并自动…

WebSocket 和 HTTP 的区别:简单易懂

在当今的数字时代&#xff0c;及时交付内容和维持用户互动已成为网络应用不可或缺的要素。这一需求催生了新的通信规范——WebSocket 和 HTTP&#xff0c;尽管两者都服务于网络通讯&#xff0c;它们之间却存在显着的差异。本篇文章旨在剖析这两种协议在应用案例、技术细节、性能…

R语言使用dietaryindex包计算NHANES数据多种营养指数(2)

健康饮食指数 (HEI) 是评估一组食物是否符合美国人膳食指南 (DGA) 的指标。Dietindex包提供用户友好的简化方法&#xff0c;将饮食摄入数据标准化为基于指数的饮食模式&#xff0c;从而能够评估流行病学和临床研究中对这些模式的遵守情况&#xff0c;从而促进精准营养。 该软件…

AI模型开发 “智能炼金术“:进化合并模型的妙招 !开启AI模型开发的新时代

『 近期&#xff0c;日本大模型公司sakana.ai&#xff08;正是“Transformer八子”之一所创办的公司&#xff09;&#xff0c;把Huggingface上的现成模型拿来“攒一攒”—— 直接就组合出新的强大模型&#xff1f; &#xff01; 』 想出这么 一个进化合并模型的妙招&#xff0c…

DC-5靶机

一.环境搭建 1.下载地址 靶机下载地址&#xff1a;https://download.vulnhub.com/dc/DC-5.zip 2.虚拟机配置 切换nat模式&#xff0c;有问题全选重试和是&#xff0c;打到这了&#xff0c;我感觉这个配置我都不用写了&#xff0c;启动靶机如下图所示即可 二.开始渗透 1.信…