uniapp怎么请求后端接口数据

   2024-11-05 8390
核心提示:要使用uniapp请求后端接口数据,可以使用uni.request方法。首先,在uniapp项目中的main.js文件中引入uni.request方法:import {

要使用uniapp请求后端接口数据,可以使用uni.request方法。

首先,在uniapp项目中的main.js文件中引入uni.request方法:

import { uniRequest } from '@/utils/request'Vue.prototype.$uniRequest = uniRequest

然后,在utils文件夹下创建一个request.js文件,定义uni.request方法:

export const uniRequest = (url, method = 'GET', data = {}) => {  return new Promise((resolve, reject) => {    uni.request({      url: url,      method: method,      data: data,      header: {        'content-type': 'application/json'        // 这里可以设置其他header      },      success: res => {        if (res.statusCode === 200) {          resolve(res.data)        } else {          reject(res)        }      },      fail: err => {        reject(err)      }    })  })}

现在你可以在组件中使用uniRequest方法来请求后端接口数据了。例如,在一个组件的methods中使用uniRequest方法获取数据:

methods: {  getData() {    this.$uniRequest('/api/data').then(res => {      console.log(res)    }).catch(err => {      console.log(err)    })  }}

这样就可以在uniapp中请求后端接口数据了。根据后端接口的要求,可以在uniRequest方法中设置请求的urlmethoddata等参数。

 
举报打赏
 
更多>同类维修大全
推荐图文
推荐维修大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号