代码拉取完成,页面将自动刷新
效果地址:http://124.223.14.236:7006/public/admin/index.html#/dashboard
接口地址: http://124.223.14.236:7006/admin
登录界面 login.vue
环境变量标题名称
index.html里面修改标题
侧边栏logo的文字
登录页面login.vue
修改表单的字段
发生请求,存储token
修改请求方法
响应拦截器里面,修改代码
注意:下级路由的配置,不能已/
开头,程序到时候会自动给你带上上级
路径 | 层级 | 组件 | 作用 |
---|---|---|---|
/dasboard | 2级 | views/index.vue | 数据面板 |
/good | 1级 | layout | 商品管理【目录】 |
/good/category | 2级 | views/good/category.vue | 分类管理 |
/good/commodity | 2级 | views/good/commodity.vue | 商品管理 |
/good/seek | 2级 | views/good/seek.vue | 求购管理 |
/topic | 1级 | layout | 帖子管理【目录】 |
/topic/ | 2级 | views/topic/topic.vue | 帖子列表 |
/user | 1级 | layout | 用户管理【目录】 |
/user/ | 2级 | views/user/user.vue | 用户列表 |
/message | 1级 | layout | 信息管理【目录】 |
/message/inform | 2级 | views/message/inform.vue | 举报信息 |
/message/message | 2级 | views/message/message.vue | 消息公告 |
/adv | 1级 | layout | 广告管理【目录】 |
/adv/ | 2级 | views/adv/adv.vue | 广告管理 |
创建对应的页面文件
定义路由位置: router/index.js
// 动态路由,基于用户权限动态去加载
export const dynamicRoutes = [
{
path: '/good',
component: Layout,
redirect: '/good/category',
meta: { title: '商品管理', icon: 'good' },
children: [
{
path: 'category',
component: () => import('@/views/good/category'),
name: 'category',
meta: { title: '分类管理', icon: 'good' }
},
{
path: 'commodity',
component: () => import('@/views/good/commodity'),
name: 'commodity',
meta: { title: '商品管理', icon: 'dashboard' }
},
{
path: 'seek',
component: () => import('@/views/good/seek'),
name: 'seek',
meta: { title: '求购管理', icon: 'dashboard' }
}
]
}
// 其他模块的路由配置
]
assets/icons/svg/xxx.svg
注意清楚干净,不要有填充色此项目没有权限,如果有权限需要处理以下逻辑
有权限,如果有权限需要处理以下逻辑
略...
.env.production
npm run build:prod
dist
目录,提交给后端去部署即可。 如果本地要预览:需要通过vscode
的liveServe
插件对dist
目录单独打开起服务的方式。此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。