以下封裝方法僅供mpvue+koa開發小程序入門參考，具體應用請根據實際更改。

config.js

// 配置項const host = 'http://localhost:5757'const config = {host } export default config

util.js

// 工具函數，以下只介紹get請求，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('小程序啟動了！！')} } </script><style> </style>

運行

進入server，啟動后端服務；新建命令行，進入項目主目錄， npm run dev。第一次運行可能會被攔截，因為微信開發者工具校驗了https，可在微信開發者工具詳情里邊關閉https校驗，如圖：

兩個服務都運行后，微信開發者工具里可看到：

證明請求函數封裝并應用成功。

注：

以上App.vue中，請求的地址實際是：http://localhost:5757/weapp/demo，這個接口為我們上一篇文章介紹搭建騰訊云本地開發環境時寫的接口，有興趣有需要可點擊此進入本人上一篇文章：使用mpvue+koa開發小程序——上傳測試代碼到騰訊云以及騰訊云后臺本地開發環境的搭建。

原方法請參考微信小程序API文檔：

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。