uni-app请求接口需要统一放在api文件中管理

创建一个common文件夹

@/common/api/api.js

import { request } from  '@/common/api/api.js'

export async function getArticleInfo() {
	return request({
		url: '/article/6298d9be69c873a2de54bd01'
	})
}
// 登录
export async function userLogin(data) {
	return request({
		url: '/blogusers/login',
		method: 'POST',
		data: data
	})
}

@/common/api/request.js

const BASE_URL = 'localhost:8080/admin/api'

export const request = (options) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: BASE_URL + options.url,
			method: options.method || 'GET',
			data: options.data || {},
			header: {
				authorization: 'Bear ' + uni.getStorageSync('login_token') || ''
			},
			success: (res)=>{
				 if (res.data.status !== 200) {
				 	return uni.showToast({
				 		'title': '获取数据失败',
				 		'duration': 2000,
				 		'icon': 'none'
				 	})
				 }
				resolve(res)
			},
			fail: (err)=>{
				uni.showToast({
					'title': '请求接口失败',
					'duration': 2000,
					'icon': 'none'
				})
				reject(err)
			}
		})
	})
}

使用

import { userLogin} from '@/common/api/api.js'

getSwipers() {
	userLogin(data).then((res) => {
                    console.log('res', res)
                    this.$set(this, 'swipers', res.data.message)
		})
},