云函数中无法调用axios请求失败问题。

于 2023-05-07 13:49:18 发布
阅读量521 收藏
点赞数
文章标签： 前端 javascript 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57677300/article/details/130541877
版权

💂 个人网站:【紫陌】【笔记分享网】
💅 想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】
文章最后有作者l联系方式（备注进群）

今天写了微信云函数调用axios发现请求不来，报错。今天又是踩坑的一天。

这是我写的简单的发个请求。

在这里插入图片描述
然后点击按钮发送请求，竟然请求失败。报错如下：

Must use import to load ES Module: /var/user/node_modules/axios/index.js

在这里插入图片描述

通过一波猛如虎的操作，考虑到axios版本问题，尝试降低版本。我降低到axios 0.27.2的版本然后安装运行竟然可以了
因为我刚才下载是的最新的axios1.3.4版本

在这里插入图片描述

目前最新的axios应该是没兼容到node版本更新，所以才出的问题。

有帮忙的大家的点点赞~~~

紫陌~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
axios调用接口接口失败，重试代码
李振恒
07-15 921
先上代码 import axios from 'axios'; const service = axios.create({ baseURL: process.env.NODE_ENV == 'development' ? 'http://localhost:8088/node/' : 'http://xxxxxxx:xxxx/node', timeout: 50000, }); service.interceptors.request.use( config => {
在Vue中使用axios请求拦截的实现方法
10-17
本文将详细介绍如何在Vue中使用axios请求拦截器，以提高代码的可维护性和效率。 首先，了解axios请求拦截器的基本概念。拦截器允许我们在请求发送之前或响应返回之后执行某些操作，如统一设置请求头、处理错误信息...
云函数
weixin_49881997的博客
04-27 407
云函数 插入数据 // 云函数入口文件 const cloud = require('wx-server-sdk') wx.cloud.init({ env: 'test-2gero0zpba5fa8d7', traceUser: true, }) const db = cloud.database() // 云函数入口函数 exports.main = async (event, context) => { let res=await db.collection('todos').
微信云托管通过axios调用api报错self-signed？
weixin_57263939的博客
03-22 317
微信云托管通过axios调用api报错
node.js环境下引入axios报错问题
qq_41358917的博客
03-27 1792
想做一个微信小程序的网页管理后台，从浏览器直接访问微信云函数和数据库会报跨域越问题，所以用node做了个代理服务器，通过代理服务器访问微信数据库和云函数，再将获取的结果返回前端，服务器通过axios发起http访问。然鹅就在require('axios')时报错了，，，，改成：const axios = require('axios/dist/node/axios.cjs');提示ES模型不支持require()方式引入，改用import方式引入仍然报错，，，，，在网上搜了一圈仍然没有找到解决办法。
微信小程序 云开发 生成带参小程序码 云函数网络请求（Node.js网络请求
qq_36935391的博客
04-19 623
生成带参小程序码流程 1、小程序端上传生成二维码所需的参数到云函数 2、云函数使用appid和appsecret请求access_token 3、云函数使用access_token + 小程序端上传的参数生成二维码 4、云函数将生成的二维码返回到小程序端（或者存到数据库返回fileID，小程序端用fileID进行获取，后续生成先在数据库查找，数据库没有再执行生成操作，防止重复生成小程序码文件） ...
封装 axios+promise通用请求函数操作
10-14
在本文中，我们将深入探讨如何封装一个基于axios和Promise的通用请求函数，这对于任何Web应用程序的后端数据交互都是至关重要的。axios是一个流行的JavaScript库，用于处理HTTP请求，而Promise则是处理异步操作的一...
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
10-16
在axios中，我们可以通过创建CancelToken对象并将其作为配置的一部分传递给请求，然后在需要取消请求时调用它的`cancel`方法。下面是一个简单的取消请求的例子： ```javascript // 定义全局的pending请求队列 ...
Vue中 axios delete请求参数操作
10-14
例如，通过`this.$get`、`this.$post`等方法来替代直接调用axios。Vue官网推荐的方式是创建一个自定义的http模块，如下所示： ```javascript // 引入axios const axios = require('axios'); // 自定义函数...
结合axios对项目中的api请求进行封装操作
10-14
然后，创建了一个`Axios`函数，用于包装axios请求并处理可能出现的错误，防止白屏。接着，我们为每个API接口创建了具有语义化的函数，如`getUserList`和`getCityList`，这些函数接收参数并调用`Axios`函数，从而简化...
基于axios封装的api请求函数
林钹渊的博客
08-29 1396
在vue2.0不推荐使用vue-resource之后，大部分人的选择基本上都是axios，axios不光在vue上用，在angular和react上也能用。所以学会用它总会有用的。 如果你属于还不知道怎么用的话，先看一下这篇文章：https://www.kancloud.cn/yunye/axios/234845。 如果每次发起请求都完完整整的写一遍的话就会...
微信小程序 云开发 生成带参小程序码 云函数网络请求（Node.js网络请求）
10-01 6737
生成带参小程序码流程 1、小程序端上传生成二维码所需的参数到云函数 2、云函数使用appid和appsecret请求access_token 3、云函数使用access_token + 小程序端上传的参数生成二维码 4、云函数将生成的二维码返回到小程序端（或者存到数据库返回fileID，小程序端用fileID进行获取，后续生成先在数据库查找，数据库没有再执行生成操作，防止重复生成小程序码文件） ...
微信云函数本地调试正常，线上测试失败检查方案
奇乐软件开发踩坑日志
11-02 1425
使用微信云函数上传文件时，用了wx.cloud.CDN()，需要在云函数中读取数据，其中使用了axios来发送请求，云函数中使用了。看了错误提示，得到结果，版本太新，不支持require，但是云函数环境不支持import，在package.json中添加了axios^1.1.2版本。
vue3+ts写项目踩到的坑
lu123ying的博客
08-23 624
vue3+ts初次尝试踩坑经历
ESlint报错Error: Must use import to load ES Module解决方法
qj11803017的博客
06-29 1万+
ESlint报错Error: Must use import to load ES Module解决方法
【云开发】小程序端中使用云函数的介绍
m0_71485750的博客
09-12 1万+
云函数即在云端(服务器端)运行的函数:在物理设计上，一个云函数可由多个文件组成，占用一定量的CPU 内存等计算资源;各云函数完全独立，可分别部署在不同的地区;开发者无需购买、搭建服务器，只需编写函数代码并部署到云端即可在小程序端调用;同时云函数之间也可互相调用;一个云函数的写法与一个在本地定义的 JavaScript 方法无异，代码运行在云端 Node.js 中;当云函数被小程序端调用时，定义的代码会被放在Node.js 运行环境中执行;
axios从安装到使用的教程
热门推荐
一念执着。c的博客
03-30 4万+
安装axios: npm install --save axios 目录结构: 红框部分是接口文件： appApi.js是存放接口的文件 import Vue from 'vue' import axios from 'axios' export default { // 获取分类 show_category: function () { retur...
网易云nodejsAPI运行失败，npm start失败解决方法 json contains “type“: “module“ which defines all .
qq_51055690的博客
03-09 990
NeteaseCloudMusicApi\util\request.js is an ES module file as it is a .js file whose nearest parent package. json contains "type": "module" which defines all .js files in that package scope as ES modules. 网抑云api运行失败解决方法
使用axios时post请求不到数据的解决办法
menyanyu的博客
07-12 2458
封装请求时一定要注意后端接收的post数据类型是什么，因为axios会根据前端发送的数据类型进行判断，自动设置请求头
axios的then函数可以继续调用axios吗
最新发布
12-30
可以继续调用axios的then函数。在Axios中，then函数用于处理异步请求的响应结果。当一个请求成功返回时，可以通过.then函数来获取返回的数据，并继续进行后续的操作。在.then函数中，你可以继续调用axios发送其他的请求。 以下是一个示例代码，演示了如何使用axios的then函数来连续发送多个请求： ```javascript import axios from 'axios'; axios.get('/api/data1') .then(response1 => { // 处理第一个请求的响应结果 console.log(response1.data); // 继续发送第二个请求 return axios.get('/api/data2'); }) .then(response2 => { // 处理第二个请求的响应结果 console.log(response2.data); // 继续发送第三个请求 return axios.get('/api/data3'); }) .then(response3 => { // 处理第三个请求的响应结果 console.log(response3.data); }) .catch(error => { // 处理错误 console.error(error); }); ``` 在上面的代码中，我们首先发送了一个GET请求`/api/data1`，然后在第一个请求的.then函数中，我们处理了第一个请求的响应结果，并继续发送了第二个请求`/api/data2`。在第二个请求的.then函数中，我们处理了第二个请求的响应结果，并继续发送了第三个请求`/api/data3`。最后，在第三个请求的.then函数中，我们处理了第三个请求的响应结果。 请注意，如果在任何一个请求中发生错误，都会跳转到.catch函数中进行错误处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值