Vue 客戶端接收不到 response返回資料

2022-07-21 03:33:12 字數 722 閱讀 3574

前言:

自己是基於別人的專案開發的,考慮到js沒vue好用,就採用vue來改變dom節點和資料以及監聽事件的實現。

背景:login頁面,原開發者是通過表單 submit來提交資料的。

自己沒考慮太多,直接在提交標籤加入點選方法,試圖通過點選事件觸發vue中的提交資料的方法,然後根據返回資料再進行頁面跳轉或其他處理。

結果:客戶端axios一直收不到返回資料,自己通過前端除錯也發現了 axios中的response undefined,這也導致axios既不會處理正確返回的方法也不會處理錯誤返回的方法,但是能夠成功向服務端傳送資料,因為自己的日誌檔案裡是有請求記錄,和返回資料的記錄的。

思考歷程:

1.服務端可以正確接收資料,並且正常返回資料,應該是客戶端的問題。

2.自己對axios也不太了解,是不是自己呼叫介面寫錯了,去看別人的使用案例,詳細了解axios如何使用。

3.確認axios沒有介面呼叫錯誤,依然收不到資料,感覺會不會是原作者引入的js中有對點選事件的處理,對自己定義的方法有干涉。然後前端檢視監聽事件,點選事件只有乙個,就是vue裡定義的。

4.最後去網頁,發現型別為 submit,改成 button後可用。

總結:因該是html 表單提交按鈕submit的原生事件影響了 axios方法對資料的獲取。如果不是對html特別了解,我們很難理解html原生的具有事件行為的標籤的語義是如何實現的。所以,如需要自己實現功能,盡量避免對原生具有事件行為的標籤的使用。

post 傳參 後端接收不到

示例 如下 ajax type post success function data 後端 如下 可是呼叫直接是404 之後找到問題是,後端使用了webapi框架,所以後端接收引數,只能接收單個引數 使用 frombody 接收 如果多個引數,需要定義乙個實體類接收 postman呼叫錯誤提示如下 ...

前端傳formdata資料 後端接收不到

填寫的資訊提交到資料庫 submitformfriuit function alert fruit enterprice val tostring ajax 對於資料有沒有傳過去,我們可以通過按f12看傳送的form data是否有資料,我的是有的,但後端列印就是為null,因為我還要傳送,所以我傳...

基於非同步socket客戶端接收資料基礎類。

namespace socketserver 組包基礎類 public class grouppackagewhere t struct int m ndatalen int m nrecvoffset 接受偏移 byte m brealdata 接收資料 int m nallocrealdatai...