公共文件:common/api.js

// 请求头
var rqUrl = '域名'
// 请求处理
function requst(url, data, post_get) {
	return new Promise((resolve, reject) => {
		uni.request({
			url: this.rqUrl + url,
			method: post_get || "GET",
			data: data || {},
			header: {
				'content-type': 'application/json'
			},
			success: (res) => {
				console.log(res)
			
				resolve(res)
			},
			fail: (res) => {
				uni.showToast({
					title: "接口请求失败"
				})
				reject(res)
			}
		})
	})
}
 
module.exports = {
	rqUrl: rqUrl,
	requst: requst,
}

main.js

import Vue from 'vue'
import App from './App'

import reqAPI from './common/api.js'

Vue.config.productionTip = false
App.mpType = 'app'

Vue.prototype.$ajaxApi = reqAPI

const app = new Vue({
    ...App
})
app.$mount()

在别的页面使用时this.变量名调用
index.vue

onShow() {
			this.$ajaxApi.requst('api/index', '', 'post').then(res => {
				console.log('返回数据', res);
				
			});

		},
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐