使用uniapp 封装一个request 请求

1.定义一个baseURL 用来拼接地址

2.封装一个request 请求

// 定义一个baseURL用来拼接地址
const BASE_URL="https://shop.helpetmall.com/api/"; 
//封装一个request请求
export const myRequest=(options)=>{ //传入的options是一个json对象
	return new Promise((resolve,reject)=>{
		uni.request({
			url:BASE_URL+options.url,
			method:options.methods||"POST",//请求方式，设为POST
			data:options.data || {},//前台传入后台的数据
			dataType:options.dataType || "json",
			success: (res) => {
				// if(res.data.status !== 0){
				// 	return uni.showToast({
				// 		title:"获取数据失败"
				// 	})
				// }
				resolve(res)
			},
			fail: (err) => {
				// uni.showToast({
				// 	title:"接口请求失败"
				// })
				// reject(err)
			}
		})
	})
}

3.在main.js下引用和全局设置（挂载）

import Vue from 'vue'
import App from './App'
//全局引入vuex
import store from './store/index.js';
//全局引入封装好myRequest的接口请求
import { myRequest } from "./util/Api.js";
import {intoGoods} from './util/intoGoods.js';
Vue.prototype.$myRequest = myRequest; 挂载，让全局可以使用
Vue.prototype.$intoGoods=intoGoods;
App.mpType = 'app'
//全局混入
Vue.mixin({
	data(){
		return{
			baseURL:'https://shop.helpetmall.com/upload/',//注册一个baseURL拼接图片地址
			baseUrl:'https://shop.helpetmall.com/'
			// hasLogin:''
		}
	}
})
const app = new Vue({
    ...App,
	store,//挂载vuex
})

app.$mount()