uniapp+vue+axios真机无法发送请求

最新推荐文章于 2025-06-05 13:48:31 发布

J小五

最新推荐文章于 2025-06-05 13:48:31 发布

阅读量1.2k

点赞数 11

CC 4.0 BY-SA版权

文章标签： vue.js uni-app 前端

本文链接：https://blog.csdn.net/xiaojiao921018/article/details/134965296

文章讲述了在使用axios替换uni.request进行项目开发时，遇到真机运行请求失败的问题，解决方法是安装并配置axios-adapter-uniapp作为适配器。作者提供了导入和使用axios以及适配器的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

崭新出炉的项目中没有使用官方提供的uni.request，使用了axios，本地调试没问题，真机运行时无法发送请求，提示adapter is not a function。

解决方案：配置axios适配器（axios-adapter-uniapp）

命令npm install axios-adapter-uniapp

使用

import axios from 'axios'
import axiosAdapterUniapp from 'axios-adapter-uniapp'

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

// request拦截器
instance.interceptors.request.use()

// respone拦截器
instance.interceptors.request.use()

export default instance

GET

import axios from '@/common/js/axios/index.js'

axios({
  method: 'get',
  url: '/user',
  data: {
    id: 1,
  },
})

axios({
  method: 'get',
  url: '/user',
  params: {
    id: 1,
  },
})

// 两者结果相同 =>
// URL.com/user?id=1

POST

import axios from '@/common/js/axios/index.js'

axios({
  method: 'post',
  url: '/user',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone',
  },
})

剩下的可自行浏览官方文档

https://www.npmjs.com/package/axios-adapter-uniapp