React之改变页面上方标题与图标(简单粗暴)

KernelDev
• 阅读 16109

使用create react app命令得到的React项目会有默认的页面标题与图标,怎么修改呢?

一、修改图标:

  1. 打开打包后的build文件夹的index.html
  2. 找到:<link rel="shortcut icon" href="/favicon.ico"/>
  3. 改为:<link rel="shortcut icon" href="/flower.png"/>
    其中,flower.png是自己直接放进build文件夹里的,图标最好是32*32的尺寸(我都是在Iconfont这个网站找的~)

二、修改标题:

  1. 依然是index.html
  2. 找到:<title>React App</title>
  3. 改为:<title>你要的标题名字</title>

这样改好再扔到服务器上就能达到效果啦,有问题的话欢迎一起讨论~~~

点赞
收藏
评论区
推荐文章
橘子橙 橘子橙
4年前
vue-element-admin项目打包后,iconfont图标出现乱码
使用vueelementadmin或者vueelementtemplate开发的项目,打包到线上,就出现了图标乱码,f12后能看到icon元素为.eliconclose:before{content:"□"}的情况(如下)
虾米大王 虾米大王
3年前
Java代码001
code001.jsp一个简单的JSP页面显示系统时间当前时间:
Wesley13 Wesley13
3年前
java通过sina端口提取股票历史数据并存入MySQL
 1.提取股票代码代码见:http://www.oschina.net/code/snippet\_2688840\_55337(http://www.oschina.net/code/snippet_2688840_55337) 2抓取sina股票的json页面数据;代码见:http://www.oschina.net/code/snip
Wesley13 Wesley13
3年前
java 反射得到属性与属性值
<divid"cnblogs\_post\_body"class"blogpostbody"<p反射可以破坏所有的封装性,比如这次通过反射得到的属性与属性值;</p<divclass"cnblogs\_code"<divclass"cnblogs\_code\_toolbar"<spanclass"cnblogs\_co
虾米大王 虾米大王
3年前
java代码099
code099.jspInserttitlehere$pageScope.user.name
虾米大王 虾米大王
3年前
java代码025
code025.jsp登录页面用户名:密码:
虾米大王 虾米大王
3年前
java代码049
code049.jsp新闻发布新闻发布标题:内容:
虾米大王 虾米大王
3年前
java代码029
code029.jsp页面设置缓冲
Wesley13 Wesley13
3年前
UI2CODE再进化!结合Redux的框架升级!
背景UI2CODE的目标是通过分析视觉稿得到对应的代码,让AI提高开发效率。然而过去静态化页面的产出,不能得到业务场景的需求。针对于此,我们以UI2CODE自动化开发为基底,结合Redux的消息机制,将自动化生成的维度提升到页面的处理。透过框架,可自动化生成页面代码,并且具有数据驱动展示、消息派送等动态性能力。期望在复杂的业务场景下,简化开发的
Wesley13 Wesley13
3年前
Oracle:Pivot 转多列并包含多个名称
SELECTFROM(SELECTl.DISTRIBUTOR_ID,d.SKU_CODE,d.WH_CODE,d.ORDER_PACKAGES,d.PRICE,d.YEARLY||d.MONTHLYasYM,d
Stella981 Stella981
3年前
JOptionPane修改图标
1.在Linux平台下.JOptionPane会显示Java默认的图标,在window平台不显示图标,如何替换这个图标了?2JOptionPane.setIcon(Icon)修改的是内容区域的icon,而不是左上角的Icon.所以需要通过修改Jdialog/Frame的图标来达到修改默认图标的问题.3.代码:if(JOptio