uniapp创建公用的请求地址

uniapp怎样创建一个公用的请求地址，后续页面请求只需要带目录url？
 

创建请求配置文件

在项目的根目录下创建一个 apiConfig.js（文件名可自定义）文件，用于存放公用的请求地址和其他相关的请求配置。在该文件中，定义一个变量来存储公用的请求地址，例如：

export const baseUrl = 'https://your-domain.com/api';

将 https://your - domain.com/api 替换为实际的公用请求地址。
 

封装请求函数

根目录创建utils文件夹，并在里面创建一个 request.js 文件，用于封装请求函数。在这个文件中，引入刚才创建的 apiConfig.js 文件，并使用 uni.request 方法来发起请求。

import { baseUrl } from '../apiConfig';
export function request(url, method = 'GET', data = {}) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: baseUrl + url,
      method: method,
      data: data,
      success: (res) => {
        resolve(res.data);
      },
      fail: (err) => {
        reject(err);
      }
    });
  });
}

上述代码定义了一个 request 函数，它接受一个相对 URL、请求方法和请求数据作为参数。在函数内部，将公用请求地址和相对 URL 拼接起来，然后使用 uni.request 发起请求，并将结果通过 Promise 进行处理。
 

在页面中使用封装的请求函数

在需要发起请求的页面中，引入 request.js 文件，并使用 request 函数来发起请求。例如：

// pages/example/index.vue
import { request } from '@/utils/request';

export default {
  data() {
    return {
      dataList: []
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      request('/example/list', 'GET').then(result => {
        this.dataList = result;
      }).catch(error => {
        console.error('请求出错：', error);
      });
    }
  }
};

在上述示例中，通过 request 函数发起了一个 GET 请求，请求的 URL 是 /example/list，它会自动拼接上公用请求地址。请求成功后，将返回的数据赋值给 dataList 变量，在页面中进行展示。

通过以上步骤，就可以在 UniApp 中创建一个公用的请求地址，方便在各个页面中进行请求，并且只需要传递相对的目录 URL 即可。这样可以提高代码的复用性和可维护性。