在第一篇文章中,我们已经成功搭建好了项目现在我们希望将页面中的logo等替换为自己的
一、替换基础信息
1. 登录页面文本
在vue-vben-admin\packages\locales\src\langs\zh-CN\authentication.json 里改动相关信息即可
"welcomeBack": "欢迎回来",
"pageTitle": "极客视界",
"pageDesc": "后台管理系统",
2. 登录页面logo与文本
在vue-vben-admin\apps\web-antd\.env下更改文本
# 应用标题
VITE_APP_TITLE=Geek Vision
# 应用命名空间,用于缓存、store等功能的前缀,确保隔离
VITE_APP_NAMESPACE=vben-web-antd
# 对store进行加密的密钥,在将store持久化到localStorage时会使用该密钥进行加密
VITE_APP_STORE_SECURE_KEY=please-replace-me-with-your-own-key
在vue-vben-admin\packages\effects\layouts\src\authentication\authentication.vue下直接更换logo
图标位置在vue-vben-admin\apps\web-antd\public\favicon.png目录下
<img src="/favicon.png" class="mr-2" width="42" />
<p v-if="appName" class="m-0 text-xl font-medium">
{{ appName }}
</p>
更改后的效果