uniapp 封装requset 状态码

uniapp 封装 request 处理状态码是指将 HTTP 请求返回的状态码进行统一处理，以便于开发者快速处理请求的结果。在使用 uniapp 进行开发时，我们需要通过 request 发起网络请求。但是，由于不同的请求状态码可能代表不同的含义，因此需要对其进行统一的处理。

通过封装 request，我们可以实现以下功能：

1. 统一处理请求的状态码，减少编写冗余代码的时间和工作量。通过对不同的状态码进行处理，我们可以直接进行判断，避免了重复的代码编写。

2. 更好的管理请求的状态。对于 HTTP 请求返回的状态码，我们可以对其进行分类，如成功、失败等。通过对请求状态码的分类，我们可以更好地管理请求状态。

3. 提高代码可读性。通过封装 request，我们可以将请求状态码与处理逻辑进行封装，代码结构更加清晰，可读性也更强。

对于 request 封装状态码，我们可以通过再次封装 axios 或 uni-request 实现。在封装 request 的过程中，我们可以判断请求返回的状态码，根据不同的状态码执行相应的操作。例如，对于返回 200 状态码的请求，我们可以直接处理返回的数据，对于返回 401 状态码的请求，则需要进行重新登录等操作。

总的来说，通过封装 request 处理状态码，我们可以提高代码的可读性、代码的管理性和开发效率，更好地处理请求状态。

相关问题

uniapp 封装axios

Uniapp是基于Vue.js框架开发的跨平台应用开发框架，可以用来开发各种类型的应用程序。在Uniapp中，我们可以使用Axios来进行网络请求，Axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中用于发送HTTP请求。

下面是封装Axios的步骤：

1. 在Uniapp中安装Axios：在命令行中使用npm install axios命令来安装Axios。

2. 在Uniapp项目中创建一个api.js文件：这个文件用于封装Axios，并且定义一些常用的API接口。

3. 在api.js文件中引入Axios：在api.js文件中使用import axios from 'axios'来引入Axios。

4. 封装Axios：在api.js文件中封装Axios，定义一些常用的请求方法，如get、post、put、delete等。

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

import axios from 'axios'

const service = axios.create({
  baseURL: 'http://localhost:3000/api', // API请求的默认地址
  timeout: 5000 // 请求超时时间
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 在请求发送之前可以做一些处理，如添加token等
    return config
  },
  error => {
    // 处理请求错误
    console.log(error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 在响应返回之前可以做一些处理，如判断响应结果的状态码等
    return response.data
  },
  error => {
    // 处理响应错误
    console.log(error)
    return Promise.reject(error)
  }
)

export default {
  get(url, params) {
    return service({
      method: 'get',
      url,
      params
    })
  },

  post(url, data) {
    return service({
      method: 'post',
      url,
      data
    })
  },

  put(url, data) {
    return service({
      method: 'put',
      url,
      data
    })
  },

  delete(url, params) {
    return service({
      method: 'delete',
      url,
      params
    })
  }
}

在上面的代码中，我们首先使用axios.create方法创建了一个axios实例，并且定义了一些默认的请求参数，如请求的地址和请求超时时间。然后我们使用拦截器对请求和响应进行了处理，可以在请求发送之前和响应返回之前添加一些处理逻辑，比如添加token、判断状态码等。最后我们定义了一些常用的请求方法，如get、post、put、delete等，这些方法都是基于我们创建的axios实例来发送请求的。

使用封装好的Axios来发送请求非常简单，只需要在组件中引入api.js文件，然后使用封装好的方法即可，如下面的例子：

import api from '@/api'

export default {
  created() {
    // 发送get请求
    api.get('/list', { page: 1, size: 10 }).then(res => {
      console.log(res)
    })

    // 发送post请求
    api.post('/login', { username: 'admin', password: '123456' }).then(res => {
      console.log(res)
    })
  }
}

在上面的代码中，我们首先引入了api.js文件，并且使用api.get和api.post方法来发送get和post请求，分别传递了请求的地址和请求参数。发送请求后，我们可以通过then方法来处理响应结果。

uniapp封装请求api

在uniapp中封装请求API的方法可以参考以下步骤：

1. 首先，在项目中新建一个http.js文件，可以放在api文件夹下。在该文件中，可以导入接口的前缀地址，例如baseURL。然后，定义一个myRequest方法，该方法接收一个options参数，并返回一个Promise对象。在该方法中，可以使用uni.request方法发送请求，设置请求的url、method、data、header等参数。在请求成功时，可以关闭Loading，判断返回的数据是否符合预期，如果不符合则使用uni.showToast方法提示获取数据失败，如果符合则使用resolve方法返回数据。在请求失败时，可以使用reject方法返回错误信息。最后，记得在请求开始时显示Loading，请求结束时隐藏Loading。[1]

2. 接下来，在http文件夹下新建一个request.js文件。在该文件中，可以定义一个全局请求封装方法。首先，设置请求的基础地址，例如base_url。然后，根据请求方法或URL来判断是否添加请求头，例如根据method是否为"post"来设置header中的token和content-type。接着，使用uni.request方法发送请求，设置请求的url、method、header、data等参数。在请求成功时，根据返回的状态码进行相应的操作，例如判断Errcode是否为'0'，如果是则使用resolve方法返回数据，如果不是则使用uni.clearStorageSync方法清除本地缓存，并使用uni.showToast方法提示获取失败，并跳转到登录页面。在请求失败时，使用reject方法返回错误信息。最后，记得在请求开始时显示Loading，请求结束时隐藏Loading。[2]

3. 最后，在main.js文件中，可以将封装的请求API导入并挂载到Vue的原型上，以便在页面中使用。首先，导入封装的请求API，例如api。然后，使用Vue.prototype将api挂载到Vue的原型上，这样在页面中就可以通过this.api来调用封装的请求方法。[3]

通过以上步骤，你就可以在uniapp中封装请求API，并在页面中使用了。在页面中，可以通过调用this.api的方法来发送请求，例如this.api.GetSceneData()。[1][2][3]