uniapp请求接口返回状态200,不走then走catch的问题

这个问题可能是由于接口的返回值不是一个合法的 JSON 对象导致的。当接口返回的数据格式不正确时，请求虽然可以正常响应，但是在解析返回数据时会抛出异常，从而导致 `.then()` 方法不执行，而是直接执行 `.catch()` 方法。

解决这个问题的方法是，首先检查接口返回的数据格式是否正确。可以通过 postman 等工具进行测试，确保返回的数据是一个合法的 JSON 对象。如果数据格式正确，那么可以在 `.catch()` 方法中打印出具体的错误信息，以便排查问题。

此外，如果是跨域请求，可能也会遇到类似的问题。这时需要在服务器端设置相应的 CORS 配置，以允许跨域请求。如果还是不行，可以尝试使用 jsonp 或者代理等方式发送请求。

总之，要解决这个问题，需要先检查接口返回数据格式的正确性，然后排查可能的跨域问题，并在 catch 方法中打印出具体的错误信息，以便定位问题。

相关问题

uniapp请求接口封装

Uniapp是一个跨平台应用开发框架，可以在不同的移动端和Web端上使用。在Uniapp中，我们可以使用uni.request()方法来发起网络请求。为了方便地管理和封装网络请求，我们可以将请求接口封装成一个独立模块，下面是一个简单的示例：

1. 首先，在项目中创建一个request.js文件，用于封装请求接口。

2. 在request.js中，定义一个request函数，用于发起网络请求。可以在该函数中设置请求方式、请求头、请求参数等。

3. 在需要调用接口的页面中，引入request.js文件，并调用request函数。

4. 在request函数中，可以通过Promise对象来处理异步请求，并在请求成功或失败后返回相应的数据。

下面是一个简单的封装示例：

// request.js

const BASE_URL = 'https://api.example.com'

export default function request(url, method, data) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: BASE_URL + url,
      method: method,
      data: data,
      header: {
        'Content-Type': 'application/json'
      },
      success: res => {
        resolve(res.data)
      },
      fail: err => {
        reject(err)
      }
    })
  })
}

在需要调用接口的页面中，可以这样使用：

// index.vue

import request from '@/utils/request.js'

export default {
  data() {
    return {
      userInfo: {}
    }
  },
  mounted() {
    this.getUserInfo()
  },
  methods: {
    getUserInfo() {
      request('/user/info', 'GET', { id: 123 })
        .then(res => {
          this.userInfo = res
        })
        .catch(err => {
          console.log(err)
        })
    }
  }
}

在上面的示例中，我们封装了一个request函数用于发起网络请求，并在页面中引入并调用该函数。在request函数中，我们通过Promise对象来处理异步请求，并在请求成功或失败后返回相应的数据。

uniapp请求封装

Uniapp 是一个跨平台的开发框架，可以同时开发小程序、H5、App 等多个平台的应用。在 Uniapp 中，可以使用原生的 API 进行网络请求，也可以使用第三方库进行封装。

以下是一个简单的 Uniapp 网络请求封装示例：

1. 创建一个请求封装的文件，例如 `api.js`：

// 导入需要的模块
import request from 'uni-request';

// 设置请求的基本配置
request.defaults.baseURL = 'http://api.example.com';
request.defaults.headers.common['Authorization'] = 'Bearer token';

// 封装 GET 请求方法
export function get(url, params) {
  return new Promise((resolve, reject) => {
    request.get(url, { params })
      .then(response => {
        resolve(response.data);
      })
      .catch(error => {
        reject(error);
      });
  });
}

// 封装 POST 请求方法
export function post(url, data) {
  return new Promise((resolve, reject) => {
    request.post(url, data)
      .then(response => {
        resolve(response.data);
      })
      .catch(error => {
        reject(error);
      });
  });
}

2. 在需要使用网络请求的页面中，导入 `api.js` 文件并调用相应的方法：

import { get, post } from '@/api.js';

// 使用 GET 请求
get('/api/users', { page: 1 })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

// 使用 POST 请求
post('/api/login', { username: 'admin', password: '123456' })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

这样就可以在 Uniapp 中进行网络请求的封装和调用了。封装请求的好处是可以统一处理请求的配置、错误处理等，方便管理和维护。当然，具体的封装方式可以根据项目需求进行适当的调整。