UNI-APP

请求封装

新建封装文件：request.js

import { toLogin, checkLogin } from '../utils/login'; let HTTP_REQUEST_URL = "请求地址", HEADER = { 'content-type': 'application/json' }, TOKENNAME = "X-Token"; let token = ""; /** * 发送请求 */ function baseRequest(url, method, data, { noAuth = false, noVerify = false }) { let Url = HTTP_REQUEST_URL, header = HEADER; if (!noAuth) { //登录过期自动登录 if (!token && !checkLogin()) { toLogin(); return Promise.reject({ msg: '未登录' }); } } if (token) header[TOKENNAME] = 'Bearer ' + token; return new Promise((reslove, reject) => { uni.request({ url: Url + '/api/' + url, method: method || 'GET', header: header, data: data || {}, success: (res) => { if (noVerify) reslove(res.data, res); else if (res.data.status == 200) reslove(res.data, res); else if ([410000, 410001, 410002, 40000].indexOf(res.data.status) !== -1) { toLogin(); reject(res.data); }else if(res.data.status == 501){ uni.reLaunch({ url:'/pages/error/index' }) reject(res.data); } else reject(res.data.message || '系统错误'); }, fail: (message) => { reject('请求失败'); } }) }); } const request = {}; ['options', 'get', 'post', 'put', 'head', 'delete', 'trace', 'connect'].forEach((method) => { request[method] = (api, data, opt) => baseRequest(api, method, data, opt || {}) }); export default request;

接口文件

新建接口文件：api.js

//引入封装的请求文件 request.js import request from "@/utils/request.js"; //除接口地址外任何任何选项都可不传 //实例一 export function postup(data) { return request.post("postup/remove",data); } //实例二 export function getlist(data) { return request.get('api/lst', data,{noAuth:true}); } //实例三 export function getid(id) { return request.get('api/detail/'+id); } //实例四 export function bargai(bargainId){ return request.post('/user/cancel', { bargainId: bargainId}) }

页面调用

//导入接口文件login.js import {postup} from '@/api/api.js' let updata={ user:123, pass:456 } login(updata).then((res) => { console.log(res); }) .catch( function (error) { console.log(error) });