vue-element-admin 之零散配置修改

目录：

1.Title 替换以及类似问题修改

2.面包屑修改，修改默认页

3.修改个人中心处下拉列表

4.框架调用后端接口及跨域问题

5.修改左侧导航栏的背景颜色

6.修改右侧‘设置’悬浮按钮

1.Title 替换以及类似问题修改

所属文件：

1. /src/layout/components/Sidebar/Logo.vue;
2. /src/settings.js;
3. /src/utils/get-page-title.js;
4. 项目根目录：vue.config.js

将文件对应里的 Vue Element Admin 改为自己系统名称后重启服务即可。

2.面包屑修改，修改默认页

• /src/components/Breadcrumb/index.vue

修改后，如图：

这里默认获取的是第一个路由，因此信息需与第一个路由保持一致，如果存在父子目录，则第一个路由就是父级目录，下面是我的路由配置，可做对比

3.修改个人中心处下拉列表

文件路径： /src/layout/components/Navbar.vue

4.框架调用后端接口及跨域问题

修改vue.config.js中的devServer里面设置proxy

把访问的接口改为线上的地址（例如：https://www.baidu.com/）

.env.development文件

• 在.env.development中把 VUE_APP_BASE_API改成后台的ip (后面需要调用后台ip的时候直接调用就可以)
  就ok啦!

5.修改左侧导航栏的背景颜色

• /src/layout/components/Sidebar/index.vue

• 打开：/src/styles/variables.scss

6.修改右侧‘设置’悬浮按钮

• 更改路径：/src/layout/components/Settings/index.vue

更改后：