在mpvue引入flyio
2024-09-01 22:27:34
先来说微信小程序原生的请求接口方式吧,如官网文档,在页面中请求直接调用
在这里感谢接的是提供的免费接口https://blog.csdn.net/c__chao/article/details/78573737
wx.request({
url: 'https://api.apiopen.top/searchAuthors', //仅为示例,并非真实的接口地址
data: {
name: '李白'
},
header: {
'content-type': 'application/json' // 默认值
},
success (res) {
console.log(res.data.result)
}
})
好了,不如正题说一下Flyio,依葫芦画瓢写了一下
1.首先安装flyio
npm install flyio --save
2.引入flyio。新建一个js文件,request.js
import Vue from 'vue' const Fly = require("flyio/dist/npm/wx")
const fly = new Fly
fly.config.baseURL = 'https://api.apiopen.top/'
Vue.prototype.$http = fly export default fly
还可以配置你的拦截器、响应时间等。。
3.页面中请求接口,调用就可以啦
import request from '@/utils/request'
getRequest(){
request.get('recommendPoetry').then((d)=>{
console.log(this.article = d.data.result)
}).catch(error=>{
console.log(error)
})
}
好啦,运行一下,完美
最新文章
- Eclipse安装scala
- php set_time_limit()用法测试详解
- easyui datagrid 点击列表头排序出现错乱的原因
- logback文章推荐
- mysql查看和修改最大数量
- 【Todo】【读书笔记】大数据Spark企业级实战版 &; Scala学习
- Easier Done Than Said?
- 【数论】【扩展欧几里得】Codeforces 710D Two Arithmetic Progressions
- VB短信猫开发包,支持超长短信
- eclipse设置web项目发布到tomcat根目录下
- 去掉word2007回车后自动编号
- http的Max-Forwards头的作用(转)
- 使用JS实现鼠标悬浮切换显示
- jquery 根据数据库值设置radio的选中
- 用Python写一款属于自己的 简易zip压缩软件 附完成图(适合初学者)
- hadoop多文件格式输入
- 【经验随笔】MYSQL表加锁升级导致数据库访问失败
- TypeScript 上手教程
- 【托业】【跨栏】TEST06
- spring boot+mybatis+generator生成domain大小写问题