前後端互動1

2022-04-03 05:04:45 字數 1310 閱讀 9368

1. config.js配置檔案

export default

2. util.js工具類檔案 用於獲取和儲存快取 

import $c from './config.js'

export default else

return data

},// 設定儲存

setstorage(key,data) else

},// 刪除儲存

removestorage(key) else

}}

3. request請求檔案,封裝傳送請求

import $c from './config.js';

import $u from './util.js'

export default ,

data:{},

method:'get',

datatype:'json',

token:true

},// 請求 返回promise

request(options = {}));

// token不存在時跳轉

return uni.relaunch();

}// 往header頭中新增token

options.header.token = token

}// 請求

return new promise((res,rej)=>

// 服務端失敗

if(result.statuscode !== 200));

}return rej(result.data)

}// 其他驗證...

// 成功

let data = result.data.data

res(data)

},fail: (error) => );

return rej(error)

}});

})},

// get請求

get(url,data = {},options = {}),

// post請求

post(url,data = {},options = {}),

// delete請求

del(url,data = {},options = {}),

}

4. 全域性mixin auth.js 用於驗證是否登入(是否有token快取)

import $u from '@/common/free-lib/util.js';

export default )}},

}

前後端互動

剛進公司,對這些都不是很了解,這篇部落格講的很清楚,在此轉給自己,感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...

前後端互動

xmlhttprequest物件 ajax的基本使用 xhr.onload function 使用post傳參,是需要設定頭部資訊 把資料放到form中的三個好處 引數1 屬性名 自定義 引數2 屬性值 form.img file 將需要上傳的檔案資訊,新增到form中 form.name 張三 g...

前後端互動原理

埠 一台高效能的電腦只不過沒有主機,用於處理資料或者一些反饋 資料庫 資料的倉庫 表面意思 前端 的樣式 後端 通過一些處理將資料傳遞到前端,後台技術 sql 相當於乙個翻譯軟體,將埠的指令轉換為資料庫可用的 對於前幾者的關係,我有一些個人理解 我將乙個上網過程看做去商店購買商品 我 本機 想去商店...