1.404
首先启动项目打开网页。
打开控制台
输入测试样例,后清空无关数据
点击提交出现报错
查看报错内容
这里可以看出前端已经获取到数据但是数据传输的接口请求却是自己本身,所以问题出在前后端连接上。
首先,查看axios的配置
可以发现这里前端没有配置post请求的接受的地址,便找到了bug的问题,配置好接受地址后问题解决。
2.超时
同问题一404,可以到这一步出现一个一直在pending,最后failed的错误信息。
点开后可以看到,它的请求接口是正确的,而且获取到了数据。
那么问题就出在后端检查后发现项目未启动起来,启动后端项目之后,bug解决。
3.200
步骤同上,在确认用户名密码未输错的情况下,检查一下前端数据的变量名是否和后端对应,如果不对应修改变量名,bug解决。
4.500
首先,步骤同上,提交后报错500。
检查报错信息,发现请求接口和数据信息都没有问题。查看后端控制台,找到最初的报错信息。
可以发现后端User实体类中的变量usernama无法在数据库中查找到属性,经检查发现是后端变量名未和数据库中t_user数据表的字段对应起来。修改后端变量名后重启项目bug解决。另外需要注意变量名不要使用数据库里的数据类型,否则也会出现500错误。
之前还莫名其妙出现过一次500的错误,之后重建项目解决bug。但原因还是不清楚。。。。
5.后端无法启动
先看控制台开头
可以看到服务时区serverTimezone出现错误(这是初学启动不起来最可能,最难解决的问题),在数据库配置文件里加上serverTimezone=Asia/Shanghai,选择时区为Asia/Shanghai,重启后端项目问题解决。
6.CORS erro
首先,步骤相同
看到这里不用犹豫了,妥妥的跨域问题,要么前端跨域、要么后端跨域。
我建议选择后端跨域,比较容易解决。下图为具体跨域文件的解析。