【伸手党请光看标题】

网站标题栏图标

位置

ant-design-vue-jeecg\public\index.html

1、index.html标题在head第9行替换掉，然后复制ico到/public

<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon">

然后将制作好的favicon.ico（一般是1616，最大是3232，否则有浏览器不兼容）放到

\ant-design-vue-jeecg\public

目录下（index.html的同级目录）

分析：

通过截图可以看到，第9行将logo.png设置为了图标，但是实际上很难刷新到。

这样更改后Chrome浏览器会将第10行优先执行，（第9行删不删都行了）

这个文件是登录前的加载文件，修改ui的时候记得改。

2、第8行改标题，261行左右，改加载页面。

3、src/views/user/Login.vue，51行，手机号登录，109行，更改 其他登陆方式

登录页logo

4、复制logo.svg、logo2.svg到\ant-design-vue-jeecg\src\assets文件夹下

5、src\components\layouts\UserLayout.vue第8行、第12行、19行修改

另ant-design-vue-jeecg\src\components\layouts\UserLayout.vue：

对应的图片实际地址：

ant-design-vue-jeecg\src\assets\logo.svg

这个svg的源文件是个png文件（点这里在线png转换成svg）

ant-design-vue-jeecg\src\assets\logo.png

这个文件也有登录页的基本内容，改文字需要从这里改。

6、更改src\components\tools\logo.vue第7行

位置：

ant-design-vue-jeecg\src\components\tools\Logo.vue

修改

logo.svg

改为：

logo2.svg

然后将

\ant-design-vue-jeecg\src\assets下的logo.svg复制为logo2.svg，或者修改svg内容放置再此。

分析：

由于登录logo是透明的，导致大部分logo在蓝色底上很难看，所以重新设定一个logo2.svg，以分别替换。

7、更改第24行，对应登录后左上角，默认最多7个汉字，或14个英文

8、src/components/page/GlobalHeader.vue更改第20行，对应登录后顶部提示

另外：

登录后右上角用户头像在

\ant-design-vue-jeecg\src\components\tools\UserMenu.vue

当中，要修改和设定不要去默认的个人中心去，那里的个人设定都只是演示页，没有实际作用。

9、src/components/page/GlobalFooter.vue第4行、第14行

0928补充：

网页标签后缀修改

/src/components/layouts/TabLayout.vue

168行

【伸手党福利】【第一弹】jeecg-boot前端主要更改位置（网站标题栏图标 logo 登录后的logo 显示的标题文字 用户头像）

如果觉得《【伸手党福利】【第一弹】jeecg-boot前端主要更改位置（网站标题栏图标 logo 登录后》对你有帮助，请点赞、收藏，并留下你的观点哦！