uniapp项目中引入axios后报错Adapter 'http' is not available in the build怎么解决

这个问题可能是因为您在没有安装必要的包的情况下使用了 http 请求。请确保您已经在项目中正确配置了 axios 并安装了必要的包。如果您使用的是 uniapp，您可以尝试使用 uni.request() 来发送请求，uniapp 已经内置了该方法并支持发送 http 和 https 请求。

相关问题

在uniapp中使用axios出现Adapter 'http' is not available in the build错误

这个错误通常是因为你的代码在浏览器环境中运行，而浏览器环境中不支持使用Node.js的http模块。解决方法是使用浏览器可用的XMLHttpRequest或fetch API来替换http模块。

在Uniapp中使用axios，可以在main.js中添加以下代码：

import axios from 'axios'

axios.defaults.adapter = function(config) {
  return new Promise((resolve, reject) => {
    const { url, method = 'get', data, headers } = config
    uni.request({
      url,
      method,
      data,
      header: headers,
      complete: function(response) {
        resolve(response)
      }
    })
  })
}

Vue.prototype.$http = axios

这样就可以使用axios来发起请求了，它会自动使用Uniapp的请求方式。

uniapp项目中引入axios：

在uniapp项目中引入axios需要进行以下步骤：

1. 安装axios

在命令行中执行以下指令：

npm install axios --save

2. 创建axios实例

在项目中创建一个axios实例，可以设置一些默认的配置项，如请求地址、请求超时时间等。可以在项目的`main.js`文件中创建axios实例，如下所示：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://example.com/api',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json'
  }
})

export default instance

3. 发送请求

在需要发送请求的组件中，通过引入axios实例来发送请求，如下所示：

import axios from '@/utils/request'

axios.get('/user')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

axios.post('/user', {
  name: 'xiaoming',
  age: 18
})
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

在以上示例中，通过`axios.get()`和`axios.post()`方法来发送GET和POST请求，分别传递请求地址和请求数据作为参数。发送请求后，可以通过`then()`方法获取响应数据，通过`catch()`方法捕获错误信息。