修改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资源
        }
      ],
    };
  },

相关推荐

  1. Unity图片做成Prefab步骤

    2024-03-29 16:26:01       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-29 16:26:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-29 16:26:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-29 16:26:01       82 阅读
  4. Python语言-面向对象

    2024-03-29 16:26:01       91 阅读

热门阅读

  1. CentOS7.x 上安装并配置 MySQL 8.x

    2024-03-29 16:26:01       43 阅读
  2. 小程序配置服务器域名

    2024-03-29 16:26:01       52 阅读
  3. 构建docker环境下的thunder迅雷插件

    2024-03-29 16:26:01       49 阅读
  4. C#——系统学习(类与对象)

    2024-03-29 16:26:01       41 阅读
  5. 笔记82:关于 C++ 中的 swap 函数

    2024-03-29 16:26:01       40 阅读
  6. SQL中如何添加数据【保姆】

    2024-03-29 16:26:01       36 阅读
  7. sql server用nest typeorm实现索引的方式

    2024-03-29 16:26:01       38 阅读
  8. cesium NearFarScalar pixelOffsetScaleByDistance

    2024-03-29 16:26:01       40 阅读
  9. Compose UI 之 FloatingActionButton 按钮

    2024-03-29 16:26:01       40 阅读
  10. Docker 四种镜像制作方式

    2024-03-29 16:26:01       42 阅读
  11. qt.如何学习

    2024-03-29 16:26:01       32 阅读
  12. 软件速成书的神奇之处

    2024-03-29 16:26:01       34 阅读