vue webpack 前後端請求響應流程

2021-10-03 19:41:17 字數 667 閱讀 7401

前後端請求響應流程

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資料渲染輸出。

前後端請求響應流程小結

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 ...

前後端學習 Flask http請求 表單

一般的 在未登入訪問某個頁面時,會跳轉到登入介面,登入完後會跳轉回原來那個頁面,方便使用者使用。1 使用url for 向登入介面傳遞需要跳轉回的位址 存放在next中 檢視頁面 判斷是否登入 if username in session return render template view.ht...

SpringBoot和Vue前後端請求跨域問題

剛開始來練手前後端分離的專案,後端boot專案位址埠為9090,前端位址埠為8080,所以如果不做任何處理去請求後端的方法的時候,前端頁面f12就會報下面的內容 前端問題 1 找到jest.config.js 2 在合適的地方新增下面 以下是es6的寫法 3 後端新增配置類,configuratio...