赞
踩
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。本次讲解的是如何二次封装请求,不足之处可以评论指出
- //设置请求根路径
- const BASE_URL='https://uinav.com/api/public/v1/'
- //向外暴露一个方法,因为是异步请求所以这里用promise方法
- export const myRequest=(options)=>{
- return new Promise((resolve,reject) =>{
- uni.request({
- //请求根路径加传过来的路径
- url:BASE_URL+options.url,
- //请求方式传过来的,或者默认的GET
- method:options.method||'GET',
- //接收传过来的参数或空对象
- data:options.data||{},
- //获取成功了给个提示
- success: (res) => {
- if(res.data.meta.status!==200){
- return uni.showToast({
- title:'获取失败'
- })
- }
- //成功了返回结果
- resolve(res)
- },
- fail: (err) => {
- uni.showToast({
- title:'获取失败'
- })
- //失败了返回结果
- reject(err)
- }
- })
- })
- }
- //在路口文件main.js里导入这个方法
- import { myRequest} from './api.js'
- //将该方法挂载在原型上供全局使用
- Vue.prototype.$myRequest=myRequest
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。