vue-element-admin部署,vue admin element 登录修改配置
本文主要介绍了vue-元素-管理配置小结，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
目录
1.项目初始化2.项目精简3.项目配置4.项目结构分析
1. 项目初始化
饭桶克隆https://github.com/PanJiaChen/vue-element-admin
CD vue-元素-管理
新公共管理安装
新公共管理运行开发
2. 项目精简
删除SCR/视图下的源码，保留：
仪表板：首页错误页面：异常页面登录：登录重定向：重定向对src/路由器/索引进行相应修改
从“vue”导入某视频剪辑软件
从“vue路由器"导入路由器
Vue.use(路由器)
/*布局*/
从" @/布局"导入布局
/**
*注意：子菜单仅在路由子节点。长度=1时出现
*详情见：https://潘佳陈。github。io/vue-element-admin-site/guide/essentials/路由器和导航。超文本标记语言
*
*隐藏：真如果设置为没错，项目将不会显示在侧边栏中（默认值为假)
* alwaysShow: true如果设置为没错，将总是显示根菜单
*如果未设置总是显示，当项目有多个子路线时，
*它将变成嵌套模式，否则不显示根菜单
*重定向：noRedirect如果设置不直接，则不会在面包屑中重定向
*名称：“路由器名称”该名称由点火电极使用（必须设置！)
*元：{
角色：[admin ， editor]控制页面角色（您可以设置多个角色)
标题："标题"显示在侧栏和面包屑中的名称（推荐集)
图标：" svg名称"图标显示在侧边栏中
noCache:没错如果设置为没错，将不会缓存页面（默认值为假)
附加：正确如果设置为没错，标签将附加在标签视图中
面包屑：假如果设置为假的，项目将隐藏在面包屑中（默认值为真实)
active menu:“/example/list”如果设置路径，侧栏将突出显示您设置的路径
}
*/
/**
* constantRoutes
*没有权限要求的基页
*所有角色都可以访问
*/
出口常量constantRoutes=[
{
路径："/重定向"，
组件：布局，
隐藏：真实，
儿童：[
{
路径："/redirect/:路径(。*),
component:()=import( @/views/redirect/index )
}
]
},
{
路径："/登录"，
组件：()=import(@/views/login/index )，
隐藏：真
},
{
路径："/auth-redirect "，
component:()=import( @/views/log in/auth-redirect )，
隐藏：真
},
{
路径："/404",
component:()=import( @/views/error-page/404 )，
隐藏：真
},
{
路径："/401",
component:()=import( @/views/error-page/401 )，
隐藏：真
},
{
路径："/",
组件：布局，
重定向："/仪表板",
儿童：[
{
路径："仪表板",
组件：()=导入( @/视图/仪表板/索引),
名称："仪表板",
元：{标题：仪表板，图标：仪表板，词缀：true }
}
]
}
]
/**
*异步路由
*需要根据用户角色动态加载的路由
*/
导出常量异步路由=[
//404页面必须放在最后！
{路径："*",重定向："/404",隐藏：true }
]
const createRouter=()=新路由器({
//mode: history ，//需要服务支持
scrollBehavior: ()=({ y: 0 })，
路线：constantRoutes
})
const router=createRouter()
//详细内容见：https://github。com/vue js/vue-router/issues/1234 #问题注释-357941465
导出函数resetRouter() {
const newRouter=createRouter()
路由器。matcher=新路由器。匹配器//重置路由器
}
导出默认路由器
删除src/路由器/模块文件夹
删除src/供应商文件夹
3. 项目配置
进入科学研究委员会目录下的设置。射流研究…配置文件
模块。导出={
标题："项目标题",
showSettings: true，
tagsView:没错，
fixedHeader: false，
sidebarLogo:假的，
错误日志：“生产”
}
3.1项目名称
在src/settings.js中配置项目标题
3.2显示设置
ShowSettings用于设置是否显示控制面板，但不用于设置为false的情况。
3.3标签视图
TagsView就是我们打开一个页面时是否有页面标签。
3.4固定标题
FixedHeader是当内容页面向下滑动时，页眉是否固定，false不固定，true固定。
3.5边栏登录
SidebarLogo控制是否在菜单栏上方显示图标。
3.6源代码调试
打开vue.config.js文件
找到下面显示的位置。
廉价源图调试模式没有完全编译，以显示我们的源代码。
我们换成source-map调试模式，然后看Sources的App.vue文件，已经和源代码一样了。在这样的环境下我们调试起来会更方便。
然而，源地图有一个缺点。每当我们的程序改变时，我们需要同步生成源映射文件，这将减慢我们的构建，在实际开发过程中推荐使用eval,以增加构建速度 在需要调试的时候使用source-map
4. 项目结构分析
Api:接口请求资产：一些静态文件组件：封装组件directive:自定义指令过滤器：过滤器图标：图标布局：全局框架组件(非常重要)路由器：路由存储：配置vuexstyles:全局样式文件utils:工具类视图：页面组件App.vue:父组件，其他组件嵌套在app.vue. main.js:全局入口文件，设置app.vue为渲染权限的全局父组件. js:检查登录和路由跳转设置的总和. js:下面是配置文件。关于vue-element-admin配置总结的这篇文章就介绍到这里。关于vue-element-admin配置的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。