為什么使用fly.js
微信小程序采用web開發(fā)技術(shù)棧插掂，使用JavaScript語言開發(fā)问潭，但是JavaScript運行時和瀏覽器又有所不同刹泄，導(dǎo)致axios骚灸、jQuery等庫無法在微信小程序中使用，而flyio可以梳虽。
fly.js簡介
Fly.js 一個基于Promise的弓叛、強大的彰居、支持多種JavaScript運行時的http請求庫. 有了它，您可以使用一份http請求代碼在瀏覽器撰筷、微信小程序陈惰、Weex、Node闭专、React Native奴潘、快應(yīng)用中都能正常運行。同時可以方便配合主流前端框架 影钉，最大可能的實現(xiàn) Write Once Run Everywhere画髓。引用
在微信小程序中的使用
1. 引入fly.js，并添加到程序中
import Fly from 'flyio/dist/npm/wx'
const fly = new Fly();
// 基礎(chǔ)請求
fly.config.baseURL = 'http://localhost:8888';
fly.config.timeout = 5000;
// 請求攔截器
fly.interceptors.request.use((request) => {
return request
});
// 響應(yīng)攔截器
fly.interceptors.response.use((response) => {
return response.data
}, (err, promise) => {
return promise.reject(err.response.data)
});
export default fly;
2. 在main.js中聲明
// 填寫上述js文件路徑
import fly from '....'
Vue.prototype.$request = fly;
如何使用
請求參考如下平委，只需在頁面引用即可
import fly from '....'
// get 請求
export function getInfo () {
return fly.request({
url: '/sys/user/info',
method: 'get'
})
}
// post 請求
export function registerUser (data) {
return fly.request({
url: '/sys/user/registerUser',
method: 'POST',
body: data
})
}
// 自定義請求頭
export function login (params) {
return fly.request({
url: '/oauth/token',
method: 'POST',
body: params,
headers: {
'Authorization': 'Basic ....',
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
