uni-app运行到微信开发者工具axios发请求报错Adapter http is not available in the build

Uni-app是一种基于Vue.js框架的跨平台开发工具,能够使用一套代码同时开发出运行于Android、iOS、H5等多个平台的应用程序。而微信开发者工具则是WeChat提供的开发辅助工具,提供了调试、编译、发布等多项功能。在使用Uni-app开发微信小程序时,我们会遇到各种问题。本篇文章主要分享在使用微信开发者工具中爆出的Adapter http is not available in the build错误,以及解决方案。

问题描述

最近我在使用Uni-app开发微信小程序的过程中,遇到了一个奇怪的问题:当我运行到微信开发者工具axios发请求的代码时,控制台输出Adapter http is not available in the build。如下图所示:

这个错误提示非常让人迷惑,因为我们通常使用axios时都会使用http适配器。为什么会提示找不到适配器呢?经过排查,我发现是微信开发者工具和axios的兼容性问题。

解决方案

经过查阅资料和实验,我发现这个问题的解决方案很简单,只需要把axios的默认适配器改成xhr即可。

main.js中加入以下代码:

import axios from 'axios'
axios.defaults.adapter = require('axios/lib/adapters/xhr');

这样就把axios默认使用的http适配器改成了xhr适配器,解决了这个报错问题。

总结

以上就是我分享的关于uni-app运行到微信开发者工具axios发请求报错Adapter http is not available in the build的解决办法。在使用Uni-app和微信开发者工具开发小程序时,难免会遇到各种问题,希望我的分享对读者有所帮助。

你可能感兴趣的:(uni-app,vue,uni-app,前端,html5,vue.js)