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

后言

干就完了

相关推荐
2501_9160074714 小时前
跨平台 App 安全,Flutter、RN、Unity、H5 混合应用加固
android·ios·小程序·https·uni-app·iphone·webview
咕咕咕_biubiubiu14 小时前
uniapp插件——原生插件开发和使用
uni-app
芋头莎莎14 小时前
UNIAPP连接MQTT记录要点
uni-app
新 一.14 小时前
uniapp在ios上真机测试运行
ios·uni-app
2501_9160074715 小时前
不越狱如何查看iOS 应用的详细信息及其文件目录结构
android·macos·ios·小程序·uni-app·cocoa·iphone
李慕婉学姐16 小时前
【开题答辩过程】以《基于uniapp的养宠互助服务程序设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
android·mysql·uni-app
李慕婉学姐17 小时前
【开题答辩过程】以《基于uni-app的手账记录小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·小程序·uni-app
2501_9160088918 小时前
无需钥匙串快速创建 iOS 开发 / 发布证书 P12 CSR
android·ios·小程序·https·uni-app·iphone·webview
&活在当下&18 小时前
uniapp 选择城市区号索引列表实现
前端·uni-app
1登峰造极1 天前
uniapp 运行安卓报错reportJSException >>>> exception function:createInstanceContext, exception:white screen
android·java·uni-app