以下封裝方法僅供mpvue+koa開(kāi)發(fā)小程序入門(mén)參考，具體應(yīng)用請(qǐng)根據(jù)實(shí)際更改。

config.js

// 配置項(xiàng)const host = 'http://localhost:5757'const config = {host } export default config

util.js

// 工具函數(shù)，以下只介紹get請(qǐng)求，post傳入data即可。 import config from './config'export function get (url) {return new Promise((resolve, reject) => {wx.request({url: config.host + url,success: function (res) {if (res.data.code === 0) {resolve(res.data.data)} else {reject(res.data)}}})}) }

App.vue

<script> import {get} from './util' export default {async created () {const res = await get('/weapp/demo')console.log(res)console.log('小程序啟動(dòng)了！！')} } </script><style> </style>

運(yùn)行

進(jìn)入server，啟動(dòng)后端服務(wù)；新建命令行，進(jìn)入項(xiàng)目主目錄， npm run dev。第一次運(yùn)行可能會(huì)被攔截，因?yàn)槲⑿砰_(kāi)發(fā)者工具校驗(yàn)了https，可在微信開(kāi)發(fā)者工具詳情里邊關(guān)閉https校驗(yàn)，如圖：

兩個(gè)服務(wù)都運(yùn)行后，微信開(kāi)發(fā)者工具里可看到：

證明請(qǐng)求函數(shù)封裝并應(yīng)用成功。

注：

以上App.vue中，請(qǐng)求的地址實(shí)際是：http://localhost:5757/weapp/demo，這個(gè)接口為我們上一篇文章介紹搭建騰訊云本地開(kāi)發(fā)環(huán)境時(shí)寫(xiě)的接口，有興趣有需要可點(diǎn)擊此進(jìn)入本人上一篇文章：使用mpvue+koa開(kāi)發(fā)小程序——上傳測(cè)試代碼到騰訊云以及騰訊云后臺(tái)本地開(kāi)發(fā)環(huán)境的搭建。

原方法請(qǐng)參考微信小程序API文檔：

https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html#wxrequestobject

總結(jié)

以上是生活随笔為你收集整理的Mpvue+koa开发微信小程序——wx.request()的封装及应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。