修改Vue网页标题和图标文档

AND YOU.548

已于 2023-04-18 17:03:46 修改

阅读量751

点赞数 1

文章标签： vue

于 2023-04-18 15:48:40 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_55659609/article/details/130223721

版权

修改Vue网页标题和图标文档

修改图标

1.找到public文件夹

与src文件同级的文件夹

2.在这个文件夹中找到favicon.ico(这就是页面标题图标文件)

3.把需要修改的文件放到这里面

注意！！！，这里需要时ico文件，可以去网上搜一下转ico文件的在线工具(例如 jpg转ico等)

4.在public文件夹中找到index.html文件

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>agszv-hpysl-001.ico">把这里的ico文件名字换成自己需要的ico文件的名字就可以了
    <title></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

修改标题

这里也是在public文件夹中找到index.html文件

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>agszv-hpysl-001.ico">
    <title>把这里改成需要修改的标题即可</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
!-- built files will be auto injected -->
  </body>
</html>

大家也可以关注我的个人博客两边是同步的哦~

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
修改Vue网页标题和图标文档

与src文件同级的文件夹。
复制链接

扫一扫

AND YOU.548 CSDN认证博客专家 CSDN认证企业博客

码龄3年

17: 原创

136万+: 周排名

184万+: 总排名

3万+: 访问

: 等级

188: 积分

2: 粉丝

17: 获赞

3: 评论

15: 收藏

私信

关注

热门文章

最新评论

Python学习笔记（总）
CSDN-Ada助手: 恭喜您完成了第17篇博客！看到您的标题“Python学习笔记（总）”让我感到非常欣喜。您的持续创作真是令人钦佩！通过阅读您的博客，我深深感受到了您对Python学习的执着与努力。在下一步的创作中，或许您可以考虑将这些学习笔记进一步拓展，比如分享一些实际应用案例或者深入探讨一些高级主题。此外，您可以考虑与其他Python学习者或开发者进行交流，探讨他们的经验和观点，这对于进一步丰富您的博客内容将非常有益。最后，再次祝贺您取得的成就！您的博客将继续为学习Python的人们提供宝贵的指导和启发。期待您未来更多的创作！谢谢您的分享！
修改Vue网页标题和图标文档
CSDN-Ada助手: 非常感谢您的分享，这篇博客对于需要修改Vue网页标题和图标的开发者来说非常有用。希望您可以继续分享您的经验和技能，让更多的人受益。除了与src文件同级的文件夹，还有一些扩展知识和技能可以了解，比如使用Vue.js的MetaInfo插件来管理网页的meta标签，以及使用Vue CLI来自动化生成应用程序和配置。期待您更多的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
Node初次安装配置
CSDN-Ada助手: 恭喜你成功发布了第一篇博客！Node的安装配置确实是一个初学者需要掌握的基础知识，希望你在写作过程中不断积累经验，进一步提高自己的技能。期待你的更多分享。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
nvm报错问题
CSDN-Ada助手: 恭喜你写出了第三篇博客！看到你在解决nvm报错问题上的努力，让我感到十分欣慰。下一步的创作建议是，可以尝试写下自己在学习过程中遇到的其他问题及其解决方法，这样可以帮助更多的人，也有助于自己对所学知识的更深入理解。继续加油！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
Vue2.0创建一个新项目
CSDN-Ada助手: 不知道 Vue入门技能树是否可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。