vue框架前後端聯調

2021-08-16 23:22:00 字數 795 閱讀 1778

最近進了這個專案組是前端是使用vue框架的,這和我之前使用的jsp頁面有些差別,對我而言,並不必關心頁面如何控制,只需知道我在除錯**的時候如何使用即可。

一、vue介紹

vue是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。

二、vue環境搭建

1.安裝node.js

node -v:檢視node.js版本號

npm是整合在node.js中的,npm -v:檢視npm的版本號

2.安裝cnpm

cnpm是中文版的,安裝後就可以代替npm了

3.安裝vue-cli腳手架構建工具

4.構建專案

vue init webpack 『專案名』

5.安裝依賴包

不知道如何選擇就一路回車

效果如下:

6.執行專案npm run dev

三、與後台聯調

前後端聯調

前端線上環境 後端線上環境,在瀏覽器通過前端url 可以獲取資料 前端測試環境 後端線上環境,在瀏覽器通過前端url 無法獲取資料 為什麼?傳送給後端網域名稱的兩者的請求引數有差異!前者請求引數是 from searchkeyword key 82d69fcc7fe4a0b0 keyword 按摩 ...

前後端聯調

對於一次性或者簡單的介面 遇到需要迭代或者調整的就很麻煩,因為需要多次的協調溝通 或者是一些實現複雜的介面如果等開發完再聯調太慢了 問題就在於 如何提高同步效率 如何減少對接和編寫成本 第一階段 普通文件 好處 寫起來簡單 壞處就是 維護起來麻煩 更新需要人工通知 第二階段 swagger 好處 更...

介面設計及前後端聯調

前後端介面邏輯統一 1 返參結構統一 2 errorcode errormes邏輯統一,介面正常 token失效 需重登陸 新建報錯 新建成功 邏輯錯誤等不同狀態的errorcode的值以及什麼時候需要彈出errormes 3 axios統一攔截彈出的錯誤彈框邏輯 4 提交表單的輸入框內容驗證時返回...