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