uniapp中引入axios的错误?

场景

在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 => {
          // 处理错误
        })
    }
  }
}

后言

干就完了

相关推荐
iOS阿玮17 小时前
开工第一天,别让AI写的代码触发3.2f封号。
uni-app·app·apple
特立独行的猫a1 天前
uniapp-x的HarmonyOS鸿蒙应用开发:tabbar底部导航栏的实现
华为·uni-app·harmonyos·鸿蒙·uniapp-x
迪巴拉15251 天前
基于Yolov8训练的Flask后端和Uniapp野生菌识别系统
yolo·flask·uni-app
中国胖子风清扬7 天前
GPUI 在 macOS 上编译问题排查指南
spring boot·后端·macos·小程序·rust·uni-app·web app
码云数智-园园8 天前
uni-app 实现物流进度跟踪功能:从 UI 到数据驱动的完整方案
ui·uni-app
予你@。10 天前
UniApp + Vue3 实现 Tab 点击滚动定位(微信小程序)
微信小程序·小程序·uni-app
游戏开发爱好者810 天前
完整教程:App上架苹果App Store全流程指南
android·ios·小程序·https·uni-app·iphone·webview
予你@。10 天前
uni-app progress 组件使用详解
uni-app
iOS阿玮10 天前
春节提审高峰来袭!App Store 审核时长显著延长。
uni-app·app·apple
2501_9160074710 天前
ios上架 App 流程,证书生成、从描述文件创建、打包、安装验证到上传
android·ios·小程序·https·uni-app·iphone·webview