美文网首页
定制首页标题与更换favicon

定制首页标题与更换favicon

作者: 我背井离乡了好多年 | 来源:发表于2020-07-07 13:50 被阅读0次

一、更换favicon

1.去网站(https://www.aconvert.com/cn/icon/png-to-ico#

)把图标转换为icon格式,然后替换调public文件中自带的favicon.ico图标,名字得一样

2.在vue.config.js中配置 如下

  /**
   *  PWA 插件相关配置,see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
   */
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  },

二、首页标题定制

1. 通过vue.config.js中的tap属性定义变量(开发模式和发布模式都得定义,且是同一个变量)

image.png image.png

2.修改public/index.html中的内容

image.png

相关文章

网友评论

      本文标题:定制首页标题与更换favicon

      本文链接:https://www.haomeiwen.com/subject/wqpaqktx.html