使用axios从nextjs应用程序上传文件到graphql api服务器时，我哪里错了？
在使用axios从Next.js应用程序上传文件到GraphQL API服务器时，可能会出现以下几个可能的错误：
- 请求未正确配置：确保你已经正确配置了axios请求，包括设置请求方法为POST、设置请求头为multipart/form-data等。
- 文件未正确传递：确保你已经正确地将文件传递给了axios请求。你可以使用FormData对象来创建一个包含文件的表单数据，并将其作为请求的数据部分。
- 请求地址不正确：确保你已经正确地指定了GraphQL API服务器的地址。你可以使用完整的URL或相对路径来指定服务器地址。
- 请求参数不正确：确保你已经正确地设置了请求参数，包括GraphQL查询或变量。你可以使用axios的data选项来设置请求的参数。
- 服务器端配置问题：如果以上步骤都没有问题，那么可能是服务器端的配置问题。请确保服务器端已经正确地配置了文件上传功能，并且能够处理来自axios的文件上传请求。
总结起来，你可以按照以下步骤来检查和解决问题：
- 确保axios请求已正确配置，包括请求方法、请求头等。
- 确保文件已正确传递给axios请求，可以使用FormData对象来创建表单数据。
- 检查请求地址是否正确，可以使用完整的URL或相对路径。
- 确保请求参数正确设置，包括GraphQL查询或变量。
- 检查服务器端是否正确配置了文件上传功能。
对于Next.js应用程序上传文件到GraphQL API服务器的具体实现，可以参考腾讯云的云对象存储（COS）产品，该产品提供了可靠、安全、低成本的对象存储服务，适用于各种场景，包括文件上传。你可以参考腾讯云COS的文档和示例代码来实现文件上传功能。
腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我正在构建一个下一个js应用程序。我想使用axios上传文件到graphql服务器。但我得到了像图像一样的错误- 📷 但我不明白我错在哪里。请帮帮我。下面是上传函数- import Image from "assets/Hero-bg.jpg"
formD
浏览 49提问于2021-10-14得票数 0
回答已采纳
我一直在用无头WordPress和NextJ构建一个投资组合。我编写了自己的函数来从GraphQl端点获取数据。一切都很好。但是我有媒体文件(图像，pdfs等等)它们存储在WordPress CMS上，并作为链接导入到next.Js (导入为外部映像)。例如：
<img src="https://wordpresscms.mywebsite.com/uploads/2020/02/myimage
浏览 1提问于2021-02-15得票数 6
回答已采纳
我在React中有一个页面，显示使用API中的信息构建的不同卡片，如下所示：现在我想将它迁移到gatsby，我了解到我可以使用gatsby源代码rest-API。我可以把这张卡片一样的页面建到盖茨比吗？我不是打破了静态站点生成的“规则”吗？我也可以用Next，但我觉得这对我</em
浏览 0提问于2022-04-04得票数 0
回答已采纳
我在运行前端应用程序(nextJS)，在运行后端应用程序(expressJS) --两者都是作为码头容器运行的。我试图使用graphQL上传一些图像文件，大多数情况下都能正常工作，但有时会出现以下两个错误：
Accessto fetch at 'https:&#x
浏览 2提问于2019-12-28得票数 1
回答已采纳
我正在构建一个完整堆栈的应用程序，后端是NestJS，前端是Next.js。我在NestJS中添加了使用jwt和护照的无状态身份验证。现在，我想根据从我的Next.js后端接收到的jwt令牌的真实性，在我的NestJS应用程序中添加受保护的路由。实现这一目标的最佳途径是什么？我想为服务器端呈现和客户端呈现的页面添加受保护的路由。
浏览 4提问于2021-07-25得票数 0
回答已采纳
这不是关于“客户端到服务器”的上传。我面临的问题是在nodejs中创建/构建一个，这样我就可以
浏览 6提问于2021-10-19得票数 0
我正在创建一个使用GraphQL的web应用程序，要求通过WebSocket处理GraphQL操作。虽然我通过使用订阅-传输-ws实现了这一点。然而，我在处理文件上传时被困住了。不知何故，我遇到了使用socket.io-stream从客户端到服务器的流式文件传输，但这导致有两个单独的A
浏览 23提问于2019-12-16得票数 1
1回答
我正在使用Reactjs，使用nextjs框架，Html (Description_front)在本地主机上显示数据，这里是api响应(控制台)。"55"但是，每当我试图通过api显示服务器(V
浏览 4提问于2022-06-30得票数 0
我在KeystoneJS AdminUI的自定义字段中使用了KeystoneJS，这是一个React应用程序。我想上传图片从反应前线到KeystoneJS GraphQL回来。我可以使用我添加到Keystone服务器上的REST端点上传图像--传递TinyMCE一个images_upload_handler回调--但是我想利用Keystone已经
浏览 6提问于2020-03-12得票数 3
回答已采纳
我创建了一个演示meetup NextJS应用程序，并将其部署到Vercel上。它在本地主机和Vercel服务器上运行得非常好。
但是我面临的问题是我无法从MongoDB数据库中获取最新的记录。让我用这个例子来解释:我有一个表单，用于上传/插入MongoDB集合上的数据。它在DB上正确插入，插入客户端(NextJS端)后，我将重定向到主
浏览 10提问于2022-08-22得票数 0
回答已采纳
我有一个使用AppSync GraphQL API后端的客户端应用程序。我增加了存储放大和可以上传文件到存储。当一个文件被上传到存储时，就会触发Lambda函数，并且我能够遍历内容。我已经用认知用户池身份验证配置了我的AWS AppSync API，我的要求是我需要使
浏览 1提问于2020-11-12得票数 0
我们有一个大型项目，它将拥有大量不同的数据源/微服务--其中一些将是REST，一些是GraphQL。我们希望在这些数据源和最终客户端之间建立一个中间层，即NextJS/React/阿波罗客户端。阿波罗服务器似乎是一个很好的选择--从不同的数据源/微服务接收数据，并制作一个统一的GraphQL API，供阿波罗客户端前端使用。类似地，当我们需要从前端发布数据时，提供一个GraphQL接口，将REST或Gra
浏览 4提问于2020-02-26得票数 2
回答已采纳
我正在尝试配置我的伪API来创建一些个人项目，但在我的示例中，使用/pages/api文件夹的方法只在本地主机上部署到Vercel上的服务器时才适用于我，该项目无法找到我的端点。在我的例子中，我使用src/文件夹方法来开发我的应用程序，我不知道这个结构是否会导致<
浏览 1提问于2021-03-15得票数 3
我是建立在NEXTJS和使用graphql CMS。当我创建一个服务来使用api从Graphql中提取数据时，我会得到一个错误“服务器错误TypeError:只支持绝对URL另外，在控制台中，我得到了一个来自node_modules的500个错误。“获取 500 (内部服务器错误) index.js?46cb:323在getNodeR
浏览 6提问于2021-11-27得票数 0
回答已采纳
我在我的NextJs应用程序中使用amplify cli。我觉得可能是我配置错了什么，我在尝试查询数据时遇到这个错误： WARN 32:17.454 DataStore -数据将不会同步。未配置GraphQL终结点。你忘了Amplify.configure(awsconfig)了吗 但是我有一个aws-exports.js文件。但我确实看到它是可怕的，我<
浏览 12提问于2021-09-29得票数 0
环境详细信息： 后端:AWS Amplify 前端: NextJS 我正在实施一个解决方案，每次用户想要上传时，用户需要从浏览器上传从500mb到1 1gb的1000+单个文件到亚马逊S3存储桶，类似于一旦接收到文件，就会将文件传递给一个方法，在该方法中使用for each循环进行迭代，并使用放大Storage.put API触发上传</
浏览 44提问于2021-08-29得票数 0
我建立了一个创建反应应用，自动取款机和id喜欢为它建立一个next.js后端。我已经在服务器端创建了一个API路由，它将进行另一个API调用并相应地创建一个响应。我不想把我的应用程序完全迁移到nextJS。我知道API路由是可行的，因为我在“失眠症”API设计平台上得到了响应。服务器(next.js)位于localhost:3000上，CRA位于
浏览 12提问于2022-06-16得票数 0
回答已采纳
我知道这个标题很傻，但我现在真的很困惑。我来解释一下细节：
浏览 17提问于2022-03-14得票数 1
我正在创建一个应用程序，它使用ocr空间api从上传的图像中检索文本。我已经使用postman测试了该应用程序接口，并使用api调用的请求库测试了为Node.js生成的代码片段。由于request模块已被弃用，我想使用axios来执行api调用，但我仍然失败。这是我到目前为止的代码。为了处理post请求中的文件
浏览 14提问于2020-04-16得票数 0
回答已采纳
我正在尝试在我的NextJS应用程序中创建一个MongoDB数据库的基本帖子。我得到的问题是TypeError: resolver is not a function。我知道这可能是一个同步性的问题，但对于我的生活，我不知道在哪里。我知道状态正在更新，所以我只放置处理请求的代码
浏览 6提问于2020-02-15得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
