注册
- 注册页面---创建vue组件
- 有注册样式---(文本框、密码框、按钮)
- 实现注册的功能
- 点击按钮时向注册的接口发起请求(axios)
-
-
- 给按钮绑定事件
-
-
- 请求成功跳转到登录页面
- 请求失败打印错误信息
- 如果注册账号为空或者密码为空提示重新注册,否则提示注册成功跳转到登录页面
- 账号和密码存到vuex里
- 定义账号和密码2个变量------state
封装
- 封装axios中的请求方式
- 在src里创建文件夹utils(工具)
- 在utils里创建request.js文件
- 在文件里写对应的封装请求
跨域
- 存放根地址(能让请求的接口更加简洁)
- 配置完跨域要重新启动项目才能生效
- 跨域的文件名必须是:vue.config.js
- 注意各个单词大小写的问题
错误
- XX is not defined
-
- 可能没有写this、没有导包、XX变量写错
- XX is not a function
-
- 主要看一下封装文件中的代码,看导包是否有问题
- 404:接口地址错误
- Invalid options in vue.config.js: "devserver" is not allowed
-
- devServe里的S是大写
- 渲染数据某一列不显示
-
- 看遍历时字段有没有和提供的数据对应
主页面
- 获取数据
-
- 获取数据的接口
- 使用的请求方式
- 验证一下数据是否获取成功
-
- 在页面上使用插值表达式来看是否有数据
删除
- 有删除按钮
- 给按钮绑定事件
- 点击按钮向删除的接口发起请求
修改
- 有修改按钮
- 点击修改按钮获取当前条数据
-
- 给按钮绑定事件
- 点击确认修改实现修改的操作
-
- 向修改的接口发起请求