uni-app发起网络请求

• 文档

uni-app官网•API•网络https://uniapp.dcloud.net.cn/api/request/request.html#request

• 步骤

1.自定义js文件（request.js），封装全局方法，发起网络请求：

设置baseURL;

获取token，添加请求头；

使用uni.request()发起网络请求；

挂载网络请求的方法到全局uni对象

//1.设置baseURL
const baseURL = 'https://www.example.com/' //仅为示例，并非真实接口地址

//2.获取token，设置请求头
const token = ''
if(token){
  token.Authorization = token
}

//3.发起网络请求
const request = ({url, method, data,  header}) => {
  return new Promise((resolve, reject) => {
    uni.request({
      url: `${baseURL}${url}`,
      method,
      data,
      header,
      success: (res) => {
        resolve(res.data)
      },
      fail: (err) => {
        reject(err)
      }
    })
  })
}

//4.挂载网络请求的方法到全局uni对象
uni.$request = request

示例：

2.在main.js文件中，导入该js文件（request.js）

3.在组件中使用自定义的uni.$request发起网络请求

methods: {
	async getDataFn(){
		const res = await uni.$request({
			url: 'home/example', //示例url
			method: 'GET',
			data: {
				text: 'uni.request'
			}
		})
		console.log('后台返回数据', res)
	}
}

示例：