前端項目對API請求沒反應

前端項目對API請求沒反應

具体遇到的问题

課堂中的vue前端項目已啟動,但是對我寫的服務端API都沒有反應,我用postman測試我寫的接口都是可以用的。要怎麼查錯呢?

报错信息的截图

相关课程内容截图

图片描述

尝试过的解决思路和结果

粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,老师测试源码,点击登录按钮没有任何反应的情况是:没有启动数据库

建议:同学启动数据库后再测试下。如下图所示,保证数据库是成功启动的,然后再去操作前台页面。

http://img1.sycdn.imooc.com//climg/5f8986f60960a1f906400408.jpg

启动数据库后,再重新启动一次前台vue项目和后台koa2项目测试。

好帮手慕星星 2020-10-15 18:27:18

同学你好,建议看一下在点击登录之后是否有提示

http://img1.sycdn.imooc.com//climg/5f88235b09fcad1404550135.jpg

以及控制台中是否有如下报错信息

http://img1.sycdn.imooc.com//climg/5f88235409d7d4a604530061.jpg

如果有的话,可以替换掉后端代码中的routes/users.js,controller/user.js以及model/User.js试试,看看是不是自己写的后端代码有问题。

祝学习愉快!

  • 提问者 weixin_慕雪0272820 #1
    老師 你說的完全沒有 完全沒有反應耶 也沒報錯 我的前端後端代碼應該都沒問題 前端是直接載老師的 後端是跟老師寫的用API測過 但就是連不起來
    2020-10-16 18:45:34
好帮手慕星星 2020-10-15 10:04:37

同学你好,建议检查前端代码是否执行了ajax流程。例如:

点击登录的时候执行onSubmit方法,里面执行了引入的loginService方法

http://img1.sycdn.imooc.com//climg/5f87ac4e09fdcb2009270736.jpg

找到services/user.vue文件,里面执行了引入的ajaxPost方法

http://img1.sycdn.imooc.com//climg/5f87acdd09d93b3b07880519.jpg

找到utils/ajax.vue文件,看看是否执行到了axios请求这一步

http://img1.sycdn.imooc.com//climg/5f87add209cc399105670242.jpg

如果没有执行到这一步,对请求不会有反应。可以下载源码对比着文件看一下,或者逐个粘贴某个文件代码进行替换,看看是哪个文件的问题。

祝学习愉快!

  • 提问者 weixin_慕雪0272820 #1
    老師,我照你PO部分一一的對過了,都一樣無誤。我直接下載老師源碼來用,應該不會是代碼內容有問題。我問題中附的圖,在下面的Request Payload 也是有發出請求,只是後來就沒有任何回應了,如我問題中附的圖。請老師再提供其他思路,謝謝老師。
    2020-10-15 16:54:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
5. Node.js全栈开发
  • 参与学习           人
  • 解答问题       307    个

前端工程师会后端开发已是趋势。从node.js到koa2再到数据库知识。结合真实项目,从项目需求分析、接口和数据设计到业务开发,帮你打通前后端任督二脉,为就业加码。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师