前後端請求響應流程小結

2021-09-10 05:33:12 字數 496 閱讀 7327

1、在瀏覽器輸入前端url

2、前端框架vue.js根據url解析路由,根據路由找到page_list.vue頁面

3、首先執行page_list.vue中的鉤子方法

4、在鉤子方法中呼叫query方法。

5、在query方法中呼叫cms.js中的page_list方法

6、cms.js中的page_list方法通過axios請求服務端介面

7、採用proxytable解決跨域問題,node.js將請求**到服務端(http://localhost:31001/cms/page/list)

8、服務端處理,將查詢結果響應給前端

9、成功響應呼叫then方法,在then方法中處理響應結果,將查詢結果賦值給資料模型中的total和list變數。

10、vue.js通過雙向資料繫結將list資料渲染輸出。

vue webpack 前後端請求響應流程

前後端請求響應流程 1 在瀏覽器輸入前端url 2 前端框架vue.js根據url解析路由,根據路由找到page list.vue頁面 3 首先執行page list.vue中的鉤子方法 4 在鉤子方法中呼叫query方法。5 在query方法中呼叫cms.js中的page list方法 6 cms...

前後端配合小結

後台返回的 json 資料 字段最好只有三種,status message,data.具體情況如下 如果請求的結果是 success的,不論呼叫的介面返回何種報錯 都是 success 結果的報錯 直接透傳到 前端,讓前端的同學去處理,後端不要做任何處理。此時返回 status message da...

前後端資料互動小結

前端一般向後端傳遞json字串,後端拿到字串後解析為實體物件。片段如下 postdata function datatype json success function r 後端拿到字串後解析 user user json.parseobject json,user.class 後端向前端傳遞的一般...