vue-element-admin项目中登录模块的二次开发
2022-04-14 18:00:32 16 举报
AI智能生成
登录模块开发的流程图
作者其他创作
大纲/内容
package.json
.env.production
vue.config.js
设置本地服务端口
开发环境代理的跨域配置
public
favicon.ico
index.html
src
api
user.js
封装单独的登录接口
assets
commom
401_images
404_images
custom_theme
icons
index.js
svg
svgo.yml
components
utils
requset.js
设置baseURL
处理响应拦截器
auth.js
index.js
router
index.js
modules
styles
element-ui.scss
index.scss
mixin.scss
siderbar.scss
transition.scss
variables.scss
common.scss
store
index.js
getters.js
将token值作为公共的访问属性放出
modules
user.js
对用户的token进行状态管理
实现基本配置
设置token的共享状态
初始化token的状态(获取)
提供修改token的mutations(设置、删除)
封装登录的actions
处理登录的数据返回结构问题
app.js
settings.js
views
login
index.vue
完成登录页面的基础布局
自定义头部标题
自定义背景图片
自定义字体颜色
自定义登录按钮样式
修改登录提示文本
完善登录表单的校验
调用登录actions
引入辅助函数mapActions
引入actions方法
调用登录
components
main.js
挂载Vuex-store
挂载路由
App.vue根组件
全局注册Element
App.vue
Layout
Login
404
settings.js
title(项目名称)
修改项目名称:title:'人力资源管理平台'
fixedHeader(固定头部)
perminssion.js
.env.development
设置端口号port=8080
设置作为axios请求的baseURL的变量VUE_APP_BASE_API
0 条评论
下一页
为你推荐
查看更多