uni-ajax网络请求库使用
uni-ajax网络请求库使用
uni-ajax是什么
uni-ajax是基于 Promise 的轻量级 uni-app 网络请求库,具有开箱即用、轻量高效、灵活开发
特点。
下面是安装和使用教程
-
安装该请求库到项目中
npm install uni-ajax
-
编辑工具类request.js
// ajax.js // 引入 uni-ajax 模块 import ajax from 'uni-ajax' // 创建请求实例 const instance = ajax.create({ // 初始配置 baseURL: 'https://meal.xvidc.com/api' }) // 添加请求拦截器 instance.interceptors.request.use( config => { // 在发送请求前做些什么 return config }, error => { // 对请求错误做些什么 return Promise.reject(error) } ) // 添加响应拦截器 instance.interceptors.response.use( response => { // 对响应数据做些什么 return response }, error => { // 对响应错误做些什么 return Promise.reject(error) } ) // 导出 create 创建后的实例 export default instance
-
在封装的api中引入使用
import request from "@/utils/request"; /** * 测试 */ export function test(data) { return request.get({url:"/combination/list"}); }
-
页面引入使用
import {test} from '@/api/api.js' test().then(res => { console.log(res) }).catch(err => { console.log(err) })
成功返回
参数配置说明: https://uniajax.ponjs.com/api/config
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbcjhj
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01