前後端除錯技巧

2021-10-12 07:04:14 字數 1083 閱讀 8106

1、network     -------    顯示網路請求的資料

2、preserve log   ------   抓取重定向前該頁面請求了哪些介面。保留請求日誌。

3、xhr    -----    記錄ajax中的請求   (前端傳送的ajax請求包括   後端介面,前端 js, css, img 等等)

入參:一般在方法後使用   「    ?引數名=引數值&引數名=引數值  」

該方法支援的是get方式傳參,那麼該方法中的引數就不能使用@resquestbody註解,因為get的傳參不是在body中傳的.

返回值(response):一般使用  json格式 或 modelandview(一般不使用)。返回值的格式是通過  response headers  ---->   content-type 決定

preview:是response的結構化解析結果,**更直觀

post方法的引數一般使用兩種:form-data 和 json(具體看request headers --->content-type)

具體引數值在  request payload 中

2、入參中使用@requestbody註解:支援前端傳入的入參是json格式

3、入參中使用不使用@requestbody註解:支援前端傳入的入參是form-data格式

postman(或前端)傳參:body-->form-data  中直接寫(引數-引數值)對即可

4、出參時使用@responsebody註解:返回給前端的是 json格式   (或者,將在該類上加上@restcontroller也可以返回json格式)

4、出參時不使用@responsebody註解:返回給前端的是 modelandview 格式  

前後端 13 前後端小試牛刀

餘生還長,你別慌。別回頭,別糾纏,別念舊。準備工作 對nginx檔案下的nginx.conf進行配置 將檔案拖進vscode中 找到nginx.conf檔案中 server 部分,對其進行修改。server error page 404 404.html redirect server error ...

前後端模板

vue.js angular.js 等mvvm前端框架自帶的模板輸出模組以vue.js為例,通過具有特殊字首的html 屬性來實現資料繫結,或者使用常見的花括號模板插值,或是在表單元素上使用雙向繫結,資料的變化自動對映為檢視的更新 v text msg span span v model msg 在...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...