專案封裝和攔截

2021-10-14 04:22:45 字數 564 閱讀 5957

(1)安裝動態介面預覽伺服器node

(2)microsoft vs code中搭建vue腳手架

(3)前端vue框架構建介面

(4)echarts圖表應用

(5)json-server的基本使用

以上是搭建簡易專案,實際專案還要進行封裝和攔截

中高階前端才用到封裝。

下面封裝axios

前端檔案在src資料夾下,

utli是工具資料夾,

使用者每提交一次表單都會將使用者名稱,密碼帶上進行驗證,會資料冗餘,將共用資訊寫到***中只用在***中寫一次,

// ctrl+/ 選幾行**就注釋幾行

webstrom中注釋的快捷鍵是ctrl+shift+/

使用者token

src–>api–>indexapi.js(api封裝)將***匯入import

主頁所有請求mainapi.js

…/ 跳到上一級目錄

then((res))此處res指從後端拿資料

export匯出才能引入

params 傳參固定寫法,拼接位址列

data是取資料

續axios封裝後加入請求攔截和響應攔截

上篇文章發布了axios封裝的方法 本篇分享axios攔截,跨域在下一章 直接上整個request.js檔案的 import axios from axios api封裝 get方法 var get function url,data then response catch error post方法...

500攔截報錯 axios axios封裝

為什麼要封裝 1 配置通用項 2 統一處理請求錯誤,進行提示 請求流程 請求失敗 通常請求失敗有兩種原因 1 網路問題或 問題造成的400 500等錯誤 2 請求引數後端不通過驗證,由後端丟擲的錯誤 根據不同的後端框架或者程式設計師又可以分為兩種 一種是直接返回json,用乙個特別的code來區別正...

uni app 專案 封裝http 和url

需求分析 封裝http請求和url請求,蛀牙目的還是為了統一管理 將這兩個部分放在http資料夾下面 路由公共的部分 const baseurl 不帶token的封裝 2.封裝promise return newpromise resolve,reject catch response 帶token...