1.創建 util 文件夾 ,并在文件夾中創建 api.js
const BASE_URL = 'http://localhost:8082' // 域名頭
export const myRequest = (options)=>{return new Promise((resolve,reject)=>{uni.request({url:BASE_URL+options.url,method: options.method || 'GET',data: options.data || {},success: (res)=>{if(res.data.status !== 0) {return uni.showToast({title: '獲取數據失敗'})}resolve(res)},fail: (err)=>{uni.showToast({title: '請求接口失敗'})reject(err)}})})
}
2.在main.js 中進行全局設置
import Vue from 'vue'
import { myRequest } from './util/api.js'
Vue.prototype.$myRuquest = myRequest //保存在 VUE 的原型中
3.接口調用結果
onLoad() {this.getSwipers()
},
methods: {// 獲取輪播圖的數據async getSwipers () {const res = await this.$myRuquest({url: '/api/getlunbo'})this.swipers = res.data.message // 過去接口調用后的數據},
}