UNIAPP前端 AXIOS 封装的API

Axios 是一个基于 Promise 的 HTTP 库，可以在浏览器和 Node.js 中使用。它提供了许多功能，如拦截请求和响应、取消请求、自动转换 JSON 数据等。

安装和基本使用

首先，通过 npm 安装 Axios：

npm i axios@0.26.0 axios-miniprogram-adapter

然后，在项目中引入 Axios 并进行基本配置：

import axios from 'axios';
import {
	UniAdapter
} from 'uniapp-axios-adapter';

const request = axios.create({
	baseURL: '域名',
	timeout: 10000,
	adapter: UniAdapter,
});

request.interceptors.request.use((config) => {
	// 带上 token
	config.headers["Authorization"] = "token";
	return config;
});

request.interceptors.response.use((response) => {
	// 统一处理响应
	if (response.status === 200) {
		const {
			data
		} = response;
		if (data) {
			return Promise.resolve(data);
		} else {
			return Promise.reject(data);
		}
	} else {
		return Promise.reject(response);
	}
});

export default request;

import request from '@/api/request'

// api地址
const api = {
	login: 'rider.user/login',
	register: 'rider.user/register'
}

// 登录
export const login = (param) => {
	return request.post(api.login, param)
}

// 注册
export const register = (param) => {
	return request.post(api.register, param)
}

import * as api from '@/api/login/login.js'
api.login({
	mobile: this.mobile,
	password: this.password,
}).then(result => {
	uni.showToast({
	icon: 'none',
	title: result.msg
})
	if (result.code === 200) {
		uni.setStorageSync('userinfo', result.data)
		setTimeout(function() {
		uni.switchTab({
		url: '/pages/index/index'
	})
		}, 1500);
}
		}).catch(error => {
			console.error(error);
});