使用openAPI自动生成前端代码遇到问题

最新推荐文章于 2024-05-25 15:00:48 发布
最新推荐文章于 2024-05-25 15:00:48 发布
阅读量370 收藏 3
点赞数 9
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63541561/article/details/136943116
版权
文章讲述了作者在使用openAPI时遇到脚本运行错误，涉及到了`vue.ps1`被禁止运行的问题。通过查找发现fetchAPI在旧版本node.js中未被支持，作者通过升级到node.js18.19.1解决了fetchundefined的错误，最终成功执行了代码。
摘要由CSDN通过智能技术生成

首先安装好openAPI之后，测试自动生成代码，出现一下错误，拒绝执行。

在参考vue : 无法加载文件 F:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本”的解决方法_f:\nodejs\node_global\vue.ps1, 因 为 在 此 系 统 上 禁 止 运-CSDN博客

文章之后，可以执行了！但是又出现问题。 

 出现：‘fetch is not defined’，fetch没有定义！

开始我搜fetch需要在哪里定义？找到几个定义的方法后，不知道在前端哪个具体文件里定义，尝试了几个位置，还是没有解决！

接着我又搜索“fetch”发现 最新的node.js 17.5才引入了对fetch API的支持！fetch()是一种流行的跨平台http客户端API。

因此我立即查看我的node.js的版本，果然不够，仅仅16.19.1；

立马去官网安装了18版本的node.js!

最终得以解决，执行成功！

小俱的一步步
关注
  • 9
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
openapi3-generator:使用您的API OpenAPI 3定义生成代码，文档以及几乎所有您需要的内容
05-17
OpenAPI 3生成器 使用您的API OpenAPI 3定义生成代码，文档以及几乎所有您需要的内容。 安装 要从CLI使用它： npm install -g openapi3-generator 要求 Node.js v7.6 + 用法 从命令行界面（CLI） Usage: og [options] < openapiFileOrURL> < template> Options: -V, --version output the version number -o, --output < outputDir> directory where to put the generated files (defaults to current directory) -t, --templates < tem
vue使用openAPI 自动生成接口文档报错fetch is not defined
在校大学生
05-03 179
这是nodejs 版本过低的问题，把node换成18以上即可解决。
Gin与OpenAPI(Swagger)的使用
最新发布
分享不一样的技术，与你一起共同成长!
05-25 1027
我们在实际前后端开发的过程中，其实前后端可以并行开发，这样可以缩短我们的项目工期，提高工作效率。但是，并行工作的前提是，前端知道后端要返回怎么样的接口数据，后端知道前端需要怎么样的数据。 由此， 前后端必须先对API结构进行一个"约定", 约定需要哪些接口、接口的URL、接口的参数、接口的响应等参数，明确后，双方基于这个接口文档/接口约定进行开发。但是前端，开发过程中，后端接口还没做好，怎么对接呢?...
openapi-generator-cli version-manager set 7.0.1报错
sunshine_smy的博客
11-03 285
openapi generator 安装出现错误
前后端联调神器《OpenAPI-Codegen》
stu_kk的博客
12-10 694
前后端联调神器《OpenAPI-Codegen》使用笔记
使用 OpenAPI Typescript Codegen 一键生成前端接口代码
trinityleo5的博客
09-25 2424
使用 OpenAPI Typescript Codegen 一键生成前端接口代码
openapi-typescript-codegen：一键生成前端请求代码
wmh的博客
04-20 605
openapi-typescript-codegen 是一个用于生成 TypeScript 代码的工具，它可以根据 OpenAPI 规范（以前称为 Swagger）自动生成客户端和服务器端代码。这个工具可以帮助开发人员快速地创建符合 API 规范的 TypeScript 代码，减少手动编写重复代码的工作量。通过使用 openapi-typescript-codegen，开发人员可以更容易地与 API 进行交互，并确保代码的一致性和准确性。
swagger-axios-ts-generator:通过swagger openapi自动生成axios-ts代码
04-07
@ toft-code / swagger-axios-ts-generator 安装 $ npm install @toft-code/swagger-axios-ts-generator $ yarn add @toft-code/swagger-axios-ts-generator 例子 打字稿 import { generate } from '@toft-code/...
openapi:根据SwaggerOpenAPI规范生成JavaScript或TypeScript代码
05-07
openapijs / openapi 根据Swagger / OpenAPI规范生成JavaScript或TypeScript代码。安装npm install openapi# oryarn add openapi# or to global space例子yarn openapi --file ../src/mocks/local-file-api.json# ...
api:from根据OpenAPI定义自动生成SDK
04-28
从OpenAPI定义自动生成SDK。 安装 npm install api --save 用法 使用api就像提供它的OpenAPI和使用SDK一样简单，就像您使用其他任何工具一样！ const sdk = require ( 'api' ) ( '...
openapi：Nim的OpenAPI代码生成器
02-03
**Nim的OpenAPI代码生成器** 在编程领域，OpenAPI规范（以前称为Swagger）是一种广泛采用的标准，用于描述RESTful API的接口。它通过YAML或JSON格式定义了服务的端点、请求方法、参数、响应等，使得开发者能够轻松...
open api文档自动生成工具
02-06
自己开发的，可以通过在线编辑JSON数据自动生成HTML API说明文档，分享一下！
OpenApi-Generator：简化RESTful API开发流程
rs勿忘初心的博客
07-01 8817
OpenAPI Generator 是一个完全免费开源 (Apache 许可 v2) 的项目，用来生成 REST1 API 客户端、服务器存根和基于 OpenAPI (以前称为 Swagger ) 规范的文档。如果您不熟悉OpenAPI 规范，那么它就是描述 RESTful API 方面最流行的标准，并得到 Adobe，Atlassian，CA Technologies，eBay，IBM，Google，Microsoft，PayPal、Salesforce，SAP，SmartBear 等众多知名公司的支持2
OPENAPI3.0 与 SpringBoot 开发实战: 新型高效开发模式,实现代码与API分离,高效开发,开发必看!!!
热门推荐
码小呆的博客
07-29 1万+
Open3.0 开发模式不仅仅是对于开发来说,对于整个公司都是有利的,开发的api逻辑清晰,前端对接高效,每个字段都有注释统一的result api风格,对外提供api更加便捷
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板（六）OpenAPI，快速管理你的请求接口
梦想成为全栈的切图仔
09-09 1470
在之前的处理中，我们的项目 模板到目前为止已经基本具备了大多数功能，并且较为清晰，从本章开始，我们就要着重于实际开发，来解决伙伴们在日常开发中碰到的坑以及麻烦的事情，最大程度上的提高开发效率与开发规范。本章我们就来说一下前后端分离后，前端如何定义请求开发接口。
前端api 代码生成 样例 openapi-typescript-codegen
jonathan_joestar的博客
07-10 1118
https://github.com/ferdikoomen/openapi-typescript-codegen前端api 代码生成 样例 根据swagger 生成样例 生成器jar包
OpenAPI 标准规范
weixin_48726650的博客
07-22 1414
什么是API规范 API 是模块或者子系统之间交互的接口定义。好的系统架构离不开好的 API 设计，而一个设计不够完善的 API 则注定会导致系统的后续发展和维护非常困难。在关键环节制定明确的API规范有助于 Service 对内提高产品间互通的效率，对外提供一致的使用体验，也有助于更好地被集成。 对于API规范，比较知名的是 OpenAPI Specfication[1] 和 Google API Design Guide[2]。前者针对 RESTful API 设计在细节层面给出了非常具体的规定，已经成
后端接口迁移（从 webapi 到 openapi）前端经验总结
weixin_33713707的博客
11-06 555
此文已由作者张磊授权网易云社区发布。欢迎访问网易云社区，了解更多网易技术产品运营经验。前情提要以前用的是 webapi 现在统一切成 openapi，字段结构统统都变了接入接口 20+，涉及模块的创建等主要流程。页面基本无改，仅有一个新需求，创建时新增一个字段其他依赖接口需要接入模块预想解决方案20+ 接口，如果根据返回值去更改页面，由于返回值整个结构都变掉了，修改起来这个工程量吃不消，再加上回测...
开放平台openapi技术实现要点
11-01 4198
前言开放平台设计系列第一篇主要写了开放平台功能方面的设计，原计划写3篇，一篇介绍功能，一篇介绍架构，一篇介绍使用的技术。写了第一篇功能后，发现架构和技术可以合并写，这样看...
openapi 自动生成sdk
10-12
OpenAPI 自动生成 SDK 是一种自动化工具，用于根据 OpenAPI 规范自动生成软件开发包（SDK）的代码。OpenAPI 是一种用于描述和定义 RESTful API 的规范，它提供了一种标准化的方式来描述 API 的终点、参数、请求和响应等信息。 使用 OpenAPI 自动生成 SDK 可以极大地简化开发人员在使用 API 时的工作。传统上，开发人员需要手动编写与 API 直接交互的代码，包括构造请求、处理响应、处理错误处理等。这样的工作繁琐且容易出错，而且可能需要花费大量的时间和精力。 而有了 OpenAPI 自动生成 SDK，开发人员只需提供 API 的 OpenAPI 规范文件，然后通过工具自动生成与 API 交互所需的代码。生成的 SDK 包含了 API 的各种调用方法，以及参数校验、请求构建、响应解析等功能。开发人员只需简单地调用生成的方法，就能快速地完成与 API 的交互，并且可以直接使用生成的代码进行开发。 OpenAPI 自动生成 SDK 并不仅限于特定的编程语言或框架，它可以生成适用于多种编程语言的代码。这样，开发人员可以根据自己的需求选择合适的编程语言进行开发，而不需要对于 API 的交互细节有过多的了解。 总而言之，OpenAPI 自动生成 SDK 是一种能够根据 API 的 OpenAPI 规范自动生成与 API 交互所需代码的工具。它可以极大地简化开发人员的工作，提高开发效率，并且能够适用于多种编程语言。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小俱的一步步

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值