实现Vuex功能

注册

• 注册页面---创建vue组件
• 有注册样式---(文本框、密码框、按钮)
• 实现注册的功能
  • 点击按钮时向注册的接口发起请求(axios)

• • 1. 给按钮绑定事件

• • 请求成功跳转到登录页面
  • 请求失败打印错误信息
• 如果注册账号为空或者密码为空提示重新注册，否则提示注册成功跳转到登录页面
• 账号和密码存到vuex里
  • 定义账号和密码2个变量------state

封装

• 封装axios中的请求方式
• 在src里创建文件夹utils(工具)
• 在utils里创建request.js文件
• 在文件里写对应的封装请求

跨域

• 存放根地址(能让请求的接口更加简洁)
• 配置完跨域要重新启动项目才能生效
• 跨域的文件名必须是:vue.config.js
• 注意各个单词大小写的问题

错误

1. XX is not defined

• • 可能没有写this、没有导包、XX变量写错

1. XX is not a function

• • 主要看一下封装文件中的代码，看导包是否有问题

1. 404:接口地址错误
2. Invalid options in vue.config.js: "devserver" is not allowed

• • devServe里的S是大写

1. 渲染数据某一列不显示

• • 看遍历时字段有没有和提供的数据对应

主页面

• 获取数据

• 1. 获取数据的接口
  2. 使用的请求方式

• 验证一下数据是否获取成功

• 1. 在页面上使用插值表达式来看是否有数据

删除

• 有删除按钮
• 给按钮绑定事件
• 点击按钮向删除的接口发起请求

修改

1. 有修改按钮
2. 点击修改按钮获取当前条数据

• • 给按钮绑定事件

1. 点击确认修改实现修改的操作

• • 向修改的接口发起请求