vue第1小项目-登录界面（前后端分离）

实现登录界面（前后端分离）

• 一、必备的前置知识

  • 二、目录结构安排

  • • • 1、public 静态资源文件夹
      • 2、src 开发相关文件夹

  • 三、项目初始化运行

  • 四、功能实现原理

  • 五、具体代码编写

  • • （一）前端部分

    • • 1 入口配置文件（main.js）
      • 2 路由配置文件（router.js）
      • 3 store.js 文件
      • 4 App.vue 主组件
      • 5 登录界面（Login.vue）
      • 6 Home.vue 主页组件

    • （二） 后端服务端（服务器App.js）

    • （三）配置设置文件（vue.config.js）

    • （四）main.js 补充内容（路由拦截逻辑）

  • 六、总结与展望

一、需要的基础知识

1 采用vu-cli脚手架进行项目初始化（此处不再详述），需事先掌握相关目录结构的含义
2 前端开发过程中涉及的技术包括：vue框架、vuex状态管理、vue-router路由模块、axios数据请求库、session存储机制，以及ES6语法和ES Module模块化规范
3 后端开发所依赖的技术栈涵盖：node.js运行环境与express框架

二、