uniapp微信小程序axios请求头无法设置

已于 2024-05-11 20:40:25 修改
阅读量640 收藏
点赞数 2
文章标签： uni-app 微信小程序 小程序
于 2023-11-13 09:45:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56101597/article/details/134370137
版权

微信小程序无法直接使用axios，微信有自己的一套request标准，使用axios需要单独进行配置，此处不赘述，较简单的方法可以直接使用axios-miniprogram-adapter，安装时直接使用npm install默认安装最新版本，出现无法添加header的问题。

默认安装的axios与axios-miniprogram-adapter版本不匹配，手动安装如下版本，注意版本要匹配，此处两个版本实测可行：

npm install axios@0.27.2 
npm install axios-miniprogram-adapter@0.3.4

headers中设置Authorization：

西木岩
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
:棒棒糖:axios的小程序适配器,以便于在小程序中使用axios,支持微信,支付宝,钉钉,百度小程序- bigmeow / axios-miniprogram-adapter
01-27
axios的小程序适配器，支持在各个平台小程序中使用axios :white_medium_star: 特性 支持微信、支付宝、钉钉、百度小程序，放心使用axios，最大限度复用web端axios的代码 支持TypeScript 微信小程序 支付宝小程序 钉钉小程序 百度小程序 催更、钉钉交流群： :open_file_folder: 目录介绍 . ├── demo 使用demo ├── dist 编译产出代码 ├── doc 项目文档 ├── src 源代码目录 ├── test 单元测试 ├── CHANGELOG.md 变更日志 └── TODO.md 计划功能 :rocket: 使用者指南 1.如果你是webpack等环境 通过npm下载安装代码 $ npm i axios axios-miniprogram-adapter import axios from 'axios' import mpAdapter from 'axios-miniprogram-ada
uni-app 实现小程序 仿微信 我的界面
03-30
微信小程序的“我的”界面通常包含用户个人信息、设置、我的订单、收藏、帮助等模块，是用户与应用交互的重要入口。设计时需要注重布局清晰、操作便捷，同时保持与微信整体风格的一致性。 三、uni-app实现“我的”...
解决uniApp 中不能直接使用 Axios 的问题
最新发布
饭一口口吃的博客
05-21 578
`uni-app-wxnetwork-tool` 是一个专为 UniApp 开发的轻量级 HTTP 请求库，旨在解决 UniApp 中不能直接使用 Axios 的问题。该库封装了 UniApp 的 `request` API，提供了简单易用的 GET、POST、PUT、DELETE 请求方法，并支持全局请求和响应拦截器，便于处理全局加载动画、请求头设置和统一的错误处理。包的使用方法
uniapp 微信小程序axios库的封装及使用
我总是词不达意的博客
03-22 8590
uniapp 微信小程序axios库的封装及使用，解决uniapp 适配axios请求,避免adapter is not a function错误
微信小程序 ts 引入 axios-miniprogram-adapter
anderson30的博客
04-27 1591
2. 安装 axios 和 axios-miniprogram-adapter。4.如果找不到相关依赖可以在 project.config.json 添加/修改。1. 进入 miniprogram 目录， 初始package.json。5.新建request.ts 使用...3.工具 > 构建 npm。
uniapp封装axios在拦截器设置请求头，运行到浏览器和小程序获取不到请求头，导致数据请求失败
m0_51120268的博客
04-15 1321
用这个命令：npm install axios@0.25.0 --save。最后换成如下版本，问题完美解决！
uniapp中使用axios打包到小程序时报 TypeError: adapter is not a function
LiuJia20010827的博客
09-27 717
uniapp中使用axios打包到小程序时报 TypeError: adapter is not a function
uniapp 使用axios
热门推荐
wcdunf的博客
06-30 2万+
uniapp vue axios
uniapp、微信小程序 省市县
03-17
在IT行业中，uniapp和微信小程序是两种非常重要的移动端开发框架，它们被广泛应用于构建轻量级、跨平台的应用程序。本知识点将深入探讨这两者如何处理“省市区县”这一地理信息的管理。 首先，uniapp是一个基于Vue....
uniapp房贷计算器小程序源码包
08-12
【uniapp房贷计算器小程序源码包】是一款专为QQ和微信小程序设计的房贷计算工具，其核心是基于uni-app框架构建。uni-app是一款多端开发框架，它允许开发者使用一套代码，实现跨平台的开发，覆盖了iOS、Android、H5、...
基于uniapp微信小程序志愿者活动报名在线试卷考试系统设计毕业源码案例设计.zip
01-01
本项目是一个基于uni-app开发的微信小程序志愿者活动报名在线试卷考试系统的设计与实现，适合用于毕业设计或课程设计，同时也适合开发者进行参考学习。uni-app是一个多端开发框架，能够一次编写，多端运行，包括微信...
使用uniapp开发的仿小米有品的微信小程序
01-22
【标题】"使用uniapp开发的仿小米有品的微信小程序"揭示了这个项目的核心——使用uniapp框架来创建一个类似小米有品的微信小程序应用。uniapp是一个跨平台的前端开发框架，允许开发者用一套代码同时开发iOS、Android...
uniapp中axios封装和环境配置
iaz999的博客
07-19 1473
最好锁定版本，避免bug这个依赖主要是适配小程序网络请求的适配器，为了解决uniapp 适配，避免报adapter is not a function错误。
在uniapp 中使用axios
lfeishumomol的博客
06-07 1795
需求：在uniapp 中将后台管理系统重构。在uniapp 中使用axios
配置小程序中的网络请求
我的博客
04-07 583
1.由于平台的限制，小程序不支持axios,而且原始的api功能比较简单，不支持拦截器等全局定制的功能。所以建议在项目中使用@escook/request-miniprogram第三方包来进行网路请求 参考文档：点击这里 在项目中引入 // 按需导入 $http 对象 import { $http } from '@escook/request-miniprogram' //全局对象uni uni.$http = $http //请求根路径 $http.baseUrl = 'https://api-hmu
小程序设置请求头
xiaokangna的博客
12-30 5840
在小程序中怎么设置请求头，废话不多说 wx.request({ url: BaseUrl + url, //将传入的网址与baseurl拼接 data:data || {}, //有data就传入data，没有设置为空 method:"POST", //请求的类型 header: {//设置请求头 'content-Type': 'application/json',
微信小程序的网络请求
qq_52904412的博客
07-22 1313
微信小程序的网络请求
axios设置请求头无效
博哥的二进制世界
10-25 3489
axios设置请求头无效
uniapp 微信小程序 接入萤石云
05-20
要在 uniapp 微信小程序中接入萤石云，您需要完成以下步骤： 1.注册并登录萤石云开发者平台，创建应用并获取 AppKey 和 AppSecret。 2.在 uniapp 项目中安装并引入微信小程序官方提供的“微信小程序 API”插件。 3.在 uniapp 项目中安装并引入“uni-axios”插件，用于发送 HTTP 请求。 4.编写代码实现用户授权登录并获取 AccessToken。 5.编写代码实现调用萤石云提供的 API，例如获取设备列表、打开直播预览等。 下面是一个简单的示例代码： ```javascript // 引入 axios 模块 import axios from 'uni-axios' // 用户授权登录并获取 AccessToken async function login() { const res = await axios.post('https://open.ys7.com/api/lapp/token/get', { appKey: 'your_app_key', appSecret: 'your_app_secret' }) return res.data.data.accessToken } // 获取设备列表 async function getDeviceList(accessToken) { const res = await axios.get('https://open.ys7.com/api/lapp/device/list', { headers: { Authorization: `Bearer ${accessToken}` } }) return res.data.data.deviceList } // 打开直播预览 async function openLivePreview(accessToken, deviceSerial, channelNo) { const res = await axios.post('https://open.ys7.com/api/lapp/live/address/get', { accessToken, deviceSerial, channelNo }) return res.data.data.url } // 调用示例 async function main() { // 用户授权登录并获取 AccessToken const accessToken = await login() // 获取设备列表 const deviceList = await getDeviceList(accessToken) // 打开直播预览 const livePreviewUrl = await openLivePreview(accessToken, deviceList[0].deviceSerial, 1) console.log(livePreviewUrl) } main() ``` 请注意，以上代码仅供参考，实际应用中还需要考虑错误处理、用户体验等方面的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值