一、更换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