uniapp中引入axios的错误？

鋜斗2023-08-29 14:09

场景

在unaipp中使用axios

npm i axios

下载完成后然后在页面中使用

axios.get("http://3000/searchS")

然后报错 Adapter http' is not available in the build

原因

在 UniApp 中使用 Axios 发送 HTTP 请求时，如果出现错误 "Adapter http' is not available in the build"，这通常是因为你没有在 main.js 文件中正确配置 Axios 适配器。

解决方案

确保已经安装了axios，在 main.js 文件中导入并配置 Axios。在你的 main.js 文件中添加以下代码：

javascript 复制代码

import Vue from 'vue'
import axios from 'axios'

Vue.prototype.$http = axios

使用方式

在需要发送 HTTP 请求的组件中，使用 $http 对象来发起请求。例如，在一个 Vue 组件中：

javascript 复制代码

export default {
  methods: {
    fetchData() {
      this.$http.get('/api/data')
        .then(response => {
          // 处理响应数据
        })
        .catch(error => {
          // 处理错误
        })
    }
  }
}

后言

干就完了