mpvue 从零开始女友的来电 4 flyio

女友给我打电话，我的号码是fly.js，可以进行数据请求。

1、安装需要的库flyio、qs

yarn add flyio qs

2、src目录下新建api/index.js，填写下面代码

import Fly from 'flyio/dist/npm/wx';
import qs from 'qs';const fly = new Fly();
const host = 'https://www.easy-mock.com/mock/5af9506f55139c3813192aa2/example';// 添加请求request拦截器
fly.interceptors.request.use((request) => {wx.showLoading({title: '加载中',mask: true,});request.headers = {'X-Tag': 'flyio','content-type': 'application/json',};const authParams = {// 公共参数categoryType: 'SaleGoodsType@sim',streamNo: 'wxapp153570682909641893',reqSource: 'MALL_H5',appid: 'string',timestamp: new Date().getTime(),sign: 'string',};// 去除没用的字段if (request.body !== undefined) {Object.keys(request.body).forEach((val) => {if (request.body[val] === '' || request.body[val] === null) {delete request.body[val];}});}request.body = Object.assign({}, request.body, authParams);return request;
});// 添加响应拦截器
fly.interceptors.response.use((response) => {wx.hideLoading();return response.data;// 请求成功之后将返回值返回},(err) => {// 请求出错，根据返回状态码判断出错原因console.log(err);wx.hideLoading();if (err) {return '请求失败';}},
);fly.config.baseURL = host;export default fly;// 通用的get请求
export const get = (params) => {fly.get(`${host}${params.url}`, qs.stringify(params.payload));
};// 通用的post请求
export const post = (params) => {fly.post(`${host}${params.url}`, qs.stringify(params.payload));
};

3、在main.js中进行绑定，方便快速使用

import { post, get } from './api/index';Vue.prototype.post = post;
Vue.prototype.get = get;

4、在页面想使用的地方写如下代码

 async test() {const params = {url: '/demo',payload: {demo: 'ceshi',},auth: true,};const result = await this.get(params);console.log(result);},

上面写法是我熟悉的，搞定。

mpvue 从零开始女友的来电 4 flyio相关推荐

mpvue 从零开始女友初成长 0
我的女友叫mpvue,为什么不选择原生的,或者wepy呢,因为我只喜欢mpvue. 0.首先你得保证先安装了vue-cli npm install --g vue-cli 1.脚手架构建项目,我直接在 ...
mpvue 从零开始女友的收纳盒 6 mpvue-entry入口管理
给女友买了很多化妆品,琳琅满目,傻傻分不清,需要有一个魔法工具,自动将化妆品分类到收纳盒对应的格子里面,这就是mpvue-entry要做的事情. 1.安装mpvue-entry yarn add mp ...
mpvue 从零开始女友的发带 2 window中设置
女友头上发带的颜色和文字是可以设置的,通过配置app.json中的window参数. "window": {"backgroundTextStyle": &qu ...
mpvue 从零开始女友的衣装 1 pages
pages文件夹就像一个大橱柜,里面放着各种精美的衣装,你也可以理解为供小程序的页面. 1.制造衣服我在pages页面下新建了3个页面 market 广告市场 task 任务中心 my 个人中心以 ...
mpvue 从零开始女友拉黑了我 5 不在以下request 合法域名列表中，请参考文档
上一篇,才调通了接口,试了几次,都成功,突然,微信报错了. VM6239:1 https://www.easy-mock.com 不在以下 request 合法域名列表中,请参考文档:https:// ...
mpvue 从零开始女友使用 3 rpx 适应大小
对于各种机型屏幕尺寸的大小,小程序给出了解决方案,使用rpx. 微信小程序规定屏幕的宽度为750rpx. 无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度,拿iPhone6来讲,屏 ...
男朋友程序员，工作压力很大，我也很担心他，我能做些什么？
首先,对你有这么一份时刻关心男朋友的爱心点赞! 有句话说:态度决定一切! 多数男朋友面对工作的压力都会选择独自承担,从没有想过需要女朋友帮他分担.如果你的男朋友得知你如此担心他,以至于上网向其他网友提 ...
mpvue脚手架模板，添加mpvue-entry、mpvue-router-patch、minapp-api-promise、vuex、less、flyio、wux-weapp...
2019独角兽企业重金招聘Python工程师标准>>> mpvue-quickstart hkaikai/mpvue-quickstart fork 自 mpvue/mpvue-qu ...
ym——Android从零开始(28)(来电铃声的设置、手机闹钟、手势识别)(新)
转载请注明本文出自Cym的博客(http://blog.csdn.net/cym492224103),谢谢支持! 来电铃声的设置.手机闹钟.手势识别来电铃声的设置 MediaStore简介 Media ...

mpvue 从零开始女友的来电 4 flyio

mpvue 从零开始女友的来电 4 flyio相关推荐

最新文章

热门文章

mpvue 从零开始 女友的来电 4 flyio

mpvue 从零开始 女友的来电 4 flyio相关推荐

最新文章

热门文章

mpvue 从零开始女友的来电 4 flyio

mpvue 从零开始女友的来电 4 flyio相关推荐