vue-cli3配置favicon.ico和title的流程

 更新时间:2020年10月27日 10:30:43   作者:zj张静  
这篇文章主要介绍了vue-cli3配置favicon.ico和title的流程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

一、如果是单页面程序

public目录下有个index.html和favicon.ico

ico的路径

二、如果是多页面程序

publc目录下放ico图标

public下的index页面

然后在vue.config.js里的page配置ico的路径

补充知识:Vue-cli3的favicon修改不了

在vue.config.js中配置下如下代码,重跑下项目就行了

  // 以下是pwa配置
  pwa: {
   iconPaths: {
    favicon32   : 'faviconfc.ico',
    favicon16   : 'faviconfc.ico',
    appleTouchIcon: 'faviconfc.ico',
    maskIcon   : 'faviconfc.ico',
    msTileImage  : 'faviconfc.ico'
   }
  },

以上这篇vue-cli3配置favicon.ico和title的流程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue v-for直接循环数字实例

    vue v-for直接循环数字实例

    今天小编就为大家分享一篇vue v-for直接循环数字实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue列表如何自动滚动到制定位置

    vue列表如何自动滚动到制定位置

    这篇文章主要介绍了vue列表如何自动滚动到制定位置问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue.js评论发布信息可插入QQ表情功能

    vue.js评论发布信息可插入QQ表情功能

    这篇文章主要为大家详细介绍了vue.js评论发布信息可插入QQ表情功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • 解决vue单页面多个组件嵌套监听浏览器窗口变化问题

    解决vue单页面多个组件嵌套监听浏览器窗口变化问题

    这篇文章主要介绍了解决vue单页面多个组件嵌套监听浏览器窗口变化问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue3+element-plus+vite实现动态路由菜单方式

    vue3+element-plus+vite实现动态路由菜单方式

    文章详细介绍了如何使用Vite搭建一个Vue 3 TypeScript项目,并配置了路由、状态管理、插件和环境,项目结构包括路由持久化、白名单、动态路由和权限控制,此外,还模拟了一个后端返回的路由数据文件
    2025-01-01
  • Vite打包时去除console的方法实现

    Vite打包时去除console的方法实现

    Vite打包项目时,需要去除开发时加入的console、debugger调试信息,本文主要介绍了Vite打包时去除console的方法实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-08-08
  • Vue ElementUI table实现表格斜线分隔线

    Vue ElementUI table实现表格斜线分隔线

    这篇文章主要为大家详细介绍了Vue ElementUI table实现表格斜线分隔线,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue实现拖拽式分割布局

    Vue实现拖拽式分割布局

    这篇文章主要为大家详细介绍了Vue实现拖拽式分割布局,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 初学vue出现空格警告的原因及其解决方案

    初学vue出现空格警告的原因及其解决方案

    今天小编就为大家分享一篇初学vue出现空格警告的原因及其解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • vue el-upload上传文件的示例代码

    vue el-upload上传文件的示例代码

    这篇文章主要介绍了vue el-upload上传文件的示例代码,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下
    2020-12-12

最新评论