axios-miniprogram/docs/pages/basics/dynamic-url.md

title
动态地址

{{ $frontmatter.title }}

::: tip {{ $frontmatter.title }} 简化设置地址参数。 :::

设置 params 动态参数

可以设置属性 params，最终会从 params 中获取到对应的值。

::: warning 注意 获取到值之后，会从 params 中删除对应的属性。 :::

import axios from 'axios-miniprogram';

// 请求的服务端地址 https://api.com/1
// 获取到 id 之后，会从 params 中删除 id
axios('https://api.com/:id', {
  params: {
    id: 1,
  },
})
  .then((response) => {
    // 成功之后做些什么
  })
  .catch((error) => {
    // 失败之后做些什么
  });

设置 data 动态参数

可以设置属性 data，最终会从 data 中获取到对应的值。

import axios from 'axios-miniprogram';

// 请求的服务端地址 https://api.com/1
// 获取到 id 之后，不会从 data 中删除 id
axios('https://api.com/:id', {
  method: 'POST',
  data: {
    id: 1,
  },
})
  .then((response) => {
    // 成功之后做些什么
  })
  .catch((error) => {
    // 失败之后做些什么
  });

同时设置 params 和 data

可以同时设置 params 和 data，会优先从 params 中获取对应的值。

import axios from 'axios-miniprogram';

// 请求的服务端地址 https://api.com/1
axios('https://api.com/:id', {
  method: 'POST',
  params: {
    id: 1,
  },
  data: {
    id: 2,
  },
})
  .then((response) => {
    // 成功之后做些什么
  })
  .catch((error) => {
    // 失败之后做些什么
  });

// 请求的服务端地址 https://api.com/1/2
axios('https://api.com/:id1/:id2', {
  method: 'POST',
  params: {
    id1: 1,
  },
  data: {
    id2: 2,
  },
})
  .then((response) => {
    // 成功之后做些什么
  })
  .catch((error) => {
    // 失败之后做些什么
  });