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

后言

干就完了

相关推荐
Geek_Vison14 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理1 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909062 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview
不爱说话郭德纲2 天前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本
android·前端·uni-app
snotJam2 天前
关于Uniapp的Android自定义基座使用
android·uni-app
今年下半年3 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
郑州光合科技余经理7 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
遗憾随她而去.8 天前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
程序鉴定师11 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估
java·小程序·uni-app·php·objective-c
Q264336502311 天前
【有源码】基于uni-app的旅游行程规划小程序-基于微信小程序的智慧文旅综合服务平台
java·微信小程序·小程序·uni-app·毕业设计·springboot·源代码