uniapp调用服务器上的接口

UniApp是一个基于Vue.js的跨平台应用框架，它允许开发者构建一次代码，即可运行在微信小程序、H5、Android和iOS等多个平台上。当你需要调用服务器接口时， UniApp通过统一的网络请求库或axios库来完成。以下是基本步骤：

1. **引入依赖**：首先，在uni-app项目中安装axios，如果尚未安装，可以在`npm`或`yarn`命令行中输入`uni-install axios`。

// npm
npm install axios

// 或者 yarn
yarn add axios

2. **配置环境**：在uni-app的配置文件`config.js`中，设置你的API基础地址，通常这是针对开发环境和生产环境的区分。

export default {
  //...
  networkTimeout: {
    request: 10 * 1000, // 请求超时时间(单位 ms)
    response: 10 * 1000, // 响应超时时间(单位 ms)
  },
  api: {
    debug: true, // 开发模式下是否显示完整的URL，默认为false
    baseUrl: process.env.NODE_ENV === 'production'
      ? 'https://your-api-url.com' // 生产环境的API地址
      : 'http://localhost:8080' // 开发环境的API地址
  }
}

3. **编写请求代码**：在你需要调用接口的地方，创建axios实例并发送GET、POST等请求。

import axios from '@/utils/api'

const fetchData = async () => {
  try {
    const response = await axios.get('/api/data') // 使用自定义路径如 '/api/data' 来访问服务器资源
    console.log(response.data) // 打印返回的数据
  } catch (error) {
    console.error('Error:', error);
  }
}

fetchData()