关于无法在uniapp项目开发中使用axios的解决方案

问题描述

首先需要指出的是uniapp官方提供了uni.request方法来进行网络请求访问（还是建议使用这个），不过如果像往常项目编写中继续使用axios的话就会出现以下错误：

{ "message": "There is no suitable adapter to dispatch the request since :\n- adapter xhr is not supported by the environment\n- adapter http is not available in the build", "name": "AxiosError", "stack": "AxiosError: There is no suitable adapter to dispatch the request since :\n- adapter xhr is not supported by the environment\n- adapter http is not available in the build\n at Object.getAdapter (app-service.js:1674:15)\n at Axios.dispatchRequest (app-service.js:1701:30)\n at Axios._request (app-service.js:1978:35)\n at Axios.request (app-service.js:1882:27)\n at Axios.<computed> [as get] (app-service.js:1997:19)\n at Function.wrap [as get] (app-service.js:192:17)\n at getPic (app-service.js:2454:23)\n at app-service.js:2464:9\n at photo (app-service.js:84:13)\n at Array.forEach (<anonymous>)\n at Axios.request (app-service.js:1886:43)\n at async getPic (app-service.js:2454:9)", "code": "ERR_NOT_SUPPORT", "status": null }

解决方案

“There is no suitable adapter to dispatch the request”根据这个报错内容，可以看出，我们需要配置一个axios适配器

先向项目中添加模块（npm install）

yarn add axios-adapter-uniapp

然后回到我们的项目中

import axios from 'axios'
import axiosAdapterUniapp from 'axios-adapter-uniapp'
 
const instance = axios.create({
  baseURL: 'URL.com',
  adapter: axiosAdapterUniapp
})

在完成了以上配置后，我们就可以像以前一样使用instance来进行网络请求了

instance.get(“请求地址”)…