mpvue專案中基於flyio的攔截

2021-09-25 07:29:08 字數 1130 閱讀 8529

在請求***中執行非同步任務

下面我們看乙個例子:由於安全原因,我們需要所有的請求都需要在header中設定乙個csrftoken,如果csrftoken不存在時,我們需要先請求乙個csrftoken,然後再發起網路請求,由於請求csrftoken是非同步的,所以我們需要在***中執行非同步請求,**如下:

不知道為什麼 官方文件的tokenfly 和 newfly 不統一一下 其實就是乙個東西 容易誤導人

var csrftoken="";

var tokenfly=new fly();

var fly=new fly();

fly.interceptors.request.use(function (request) ,baseurl:$`)

if (!csrftoken) ,baseurl:$`)

return request; //只有最終返回request物件時,原來的請求才會繼續

}).finally(()=>)

} else

})

本人在mpvue 寫***

login 

import fly from 'flyio/dist/npm/wx'

import config from '../config'

import from '@/utils/storage'

var fly = new fly()

var tokenfly = new fly()

var host = config.url

var token = get('token')

// token為空重新獲取

function login () ).then(res => )

},fail: function (err)

})})

}

// 新增請求***

fly.interceptors.request.use(function (request) )

.finally(() => )

} else

}

基於mpvue的小程式專案搭建的步驟

mpvue 是美團開源的一套語法與vue.js一致的 快速開發小程式的前端框架,按官網說可以達到小程式與h5介面使用一套 使用此框架,開發者將得到完整的 vue.js 開發體驗,同時為 h5 和小程式提供了 復用的能力。如果想將 h5 專案改造為小程式,或開發小程式後希望將其轉換為 h5,mpvue...

快速上手mpvue 專案

初始化乙個 mpvue 專案 node v v8.9.0 npm v 5.6.0 2.由於眾所周知的原因,可以考慮切換源為 taobao 源 npm set registry 3.全域性安裝 vue cli 一般是要 sudo 許可權的 npm install global vue cli 2.9 ...

基於mpvue的小程式專案搭建的步驟一

未標題 1.png mpvue 是美團開源的一套語法與vue.js一致的 快速開發小程式的前端框架,按官網說可以達到小程式與h5介面使用一套 使用此框架,開發者將得到完整的 vue.js 開發體驗,同時為 h5 和小程式提供了 復用的能力。如果想將 h5 專案改造為小程式,或開發小程式後希望將其轉換...