vue-next-admin修改配置指南

目录

1.如何开启侧边栏logo

 2.修改侧边栏顶部的logo与文字

3.修改侧边栏路由logo

4.浏览器标题栏图标与文字修改

5.修改侧边栏的背景颜色、顶部导航栏背景颜色、字体颜色、激活时颜色等

6.去除或添加修改右上方放大、信息、头像昵称（登录获取之后存储进行修改图片与昵称）等功能

7.代理配置

8.多页签功能

9.登录判断怎么修改

---

官方文档地址：vue-next-admin

1.如何开启侧边栏logo

在scr-layout-navbars-topBar-setings.vue中添加 getThemeConfig.value.isShowLogo = true;  设置为true即可默认打开

 2.修改侧边栏顶部的logo与文字

在scr-layout-logo-index.vue文件路径修改，导入自己的图片修改路径和文字即可

3.修改侧边栏路由logo

 先把想要的图标存到我的项目然后下载

然后把后面的几个文件拉到项目文件夹里面,例如我在这在assets文件夹下建了一个icon文件夹用于存放，然后在min.js引用，最后直接使用

4.浏览器标题栏图标与文字修改

在线生成ICO图标 - 免费ICO转换工具

先使用上面的ico转换工具把图片转换为ico，然后去public文件夹把下面的ico文件删除（复制下名字），然后把自己的ico图片粘贴上去，修改为老图片的名字即可

修改网页文字：

5.修改侧边栏的背景颜色、顶部导航栏背景颜色、字体颜色、激活时颜色等

在src-stores-themeConfig.ts文件夹里面修改对应的颜色即可，修改完毕之后记得一键恢复默认，否则无变化

6.去除或添加修改右上方放大、信息、头像昵称（登录获取之后存储进行修改图片与昵称）等功能

找到对应的代码修改即可

7.代理配置

在vite.config.ts文件夹配置proxy

8.多页签功能

把isAffix修改为false即可让多页签标签后面显示删除按钮删除能够，哪个路由添加就有，没有添加的无删除按钮

9.登录判断怎么修改

vue-next-admin框架配置（vue）-CSDN博客