uni-app请求后台接口方法封装

前言:

uni-app中方法整理之请求后台接口。个人封装版本与官方提供方法。

官方入口:

封装版本:目录见下

uni-app请求后台接口方法封装_第1张图片

1、新建文件夹api,这里主要放接口信息

login.js 放登录页面的接口方法

import axios from '../util/http'
const Login = {
	 // 获取验证码
	goPhoneCode(params) {
	  return axios({
		method:'get',
		url:`/phoneCode`,
		params:params
	  })
	},
}
export default Login

index.js 注册所有的接口方法

/**
 * api接口的统一出口
 */
import common from './common'
import login from './login'

export default {
  common,
  login,
}

2、新建util文件夹,并新建三个文件

auth.js 封装的缓存方法

const TokenKey = 'uni_token';

// 认证令牌
export function getToken() {
	return uni.getStorageSync(TokenKey)
}

export function setToken(token) {
	return uni.setStorageSync(TokenKey, token)
}

export function removeToken() {
	return uni.removeStorageSync(TokenKey)
}

http.js 封装的请求接口方法

import {getToken,removeToken} from './auth';
import env from './env';


// 封装数据返回成功提示函数------------------------------------------------------
function successState(res) {
  let code 

你可能感兴趣的:(前端,html,面试,前端,vue.js,小程序)