解决方法:将request.js中的基本路径名称修改为在env.development中的正确路径
思考的过程:
在根据视频将后端与前端对应的部分复制进项目后,检查了对应需要修改的地方,确定并没有错误,但还是登录时报404。
排除后端:
思考报404不应该是后端代码的问题,因为admin/acl/login的登录路径是交由spring-Security框架管理的,再加上已经在网关中加上了对应的配置,检查一遍配置的信息没有问题,不应该找不到才是,为了验证该想法,在登录认证的过滤器中加上对应的断电进行调试发现其实没有进入服务器中(其实应该先检查前端再考虑后端,当时我在网上百度时被一些与我情况不同的解决方法误导,将重心放到spring-Security框架上)。
确定问题:
检查前端,先确定路径发现访问的并不是我们设置的网关端口8222,而是服务器自带的9528,但是我一开始明明已经将对应的env.development中的VUE_APP_BASE_API修改为了8222,不应该访问该9528才是,因为对前端理解比较浅薄,所以马上百度VUE_APP_BASE_API具体是如何代理的,
发现是通过创建axios来完成,然后在项目中src下的utils中的request.js中找到对应的配置信息,发现问题,在新版的vue中,所有的base_url前缀必须加上VUE才能起作用,老版中则没有,复制过来的前端版显然是老的,将其修改为正确的名称即可
总结:
使用他人的代码时一定要清晰的知道有哪些关键点是需要进行修改的,从逻辑上更是要明白整个系统是如何发送请求与后端是如何处理请求以及产生对应结果返回响应,以及对前端对响应的处理这样一个流程。