Skip to content

基本用例

GET 请求

typescript
import { un } from '@uni-helper/uni-network';

// 请求特定 ID 的用户数据
un.get('/user?ID=12345')
  .then((response) => {
    // 处理响应
    console.log('response', response);
  })
  .catch((error) => {
    // 处理错误
    console.log('error', error);
  })
  .finally(() => {
    // 总是会执行
  });

// 上述请求和以下等同
un.get('/user', {
  params: {
    ID: '12345',
  },
})
  .then((response) => {
    console.log('response', response);
  })
  .catch((error) => {
    console.log('error', error);
  })
  .finally(() => {
    // 总是会执行
  });

名称

ununinetwork 的首字母缩写。如果你不习惯这个名称,你可以在导入时自行调整,比如使用 uniNetworkimport { un as uniNetwork } from '@uni-helper/uni-network';

使用 async/await 的 GET 请求

typescript
import { un } from '@uni-helper/uni-network';

async function getUser() {
  try {
    const response = await un.get('/user?ID=12345');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

POST 请求

typescript
import { un } from '@uni-helper/uni-network';

un.post('/user', {
  firstName: 'Fred',
  lastName: 'Flintstone',
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .finally(() => {});

并发请求

typescript
import { un } from '@uni-helper/uni-network';

function getUserAccount() {
  return un.get('/user/12345');
}

function getUserPermissions() {
  return un.get('/user/12345/permissions');
}

Promise.all([getUserAccount(), getUserPermissions()]).then((responses) => {
  const acct = responses[0];
  const perm = responses[1];
});

基本用例应该能让你初步上手 @uni-helper/uni-network。你可以动手尝试一下,也可以继续往下阅读。