当前位置： 首页 > news >正文

Furion api npm web vue混合开发

news 2025/10/20 22:59:11

Furion api npm web vue混合开发

  • Furion-api项目获取swagger.json文件
  • 复制json制作ts包
  • 删除非.ts文件
  • 上传到npm
  • 获取npm包
  • 引用

Furion-api项目获取swagger.json文件

使用所有接口合并的配置文件
在这里插入图片描述
在这里插入图片描述

复制json制作ts包

https://editor.swagger.io
在这里插入图片描述
在这里插入图片描述
得到 typescript-axios-client-generated.zip 文件
在这里插入图片描述

删除非.ts文件

在这里插入图片描述
将ts文件打包放入api-services文件夹
在这里插入图片描述
下载axios-utils.ts文件
地址：https://gitee.com/dotnetchina/Furion/tree/v4/clients/axios_vue_react
在这里插入图片描述
在这里插入图片描述

上传到npm

创建package.json文件
在这里插入图片描述
package.json内容如下
在这里插入图片描述

创建npm账号，创建furion-api-js项目

https://www.npmjs.com/

在这里插入图片描述

获取npm包

npm i furion-api-js

在这里插入图片描述
配置api项目地址（找到axios-utils.ts文件修改配置）
在这里插入图片描述
直接就可以使用api的方法调用接口了。
在这里插入图片描述
开发了一个快速cmd、npm上传的工具

https://gitee.com/zofnou/npmUpload-exe.git

引用

首次过程比较复杂，需要好好研究，之后非常便利，复杂主要在npm包的上传，可以借鉴其他文件，网址如下：
https://gitee.com/dotnetchina/Furion/tree/v4/clients/axios_vue_react
https://blog.csdn.net/weixin_51499232/article/details/124940480

相关文章：

Furion api npm web vue混合开发

Furion api npm web vue混合开发 Furion-api项目获取swagger.json文件复制json制作ts包删除非.ts文件上传到npm获取npm包引用 Furion-api项目获取swagger.json文件 使用所有接口合并的配置文件 复制json制作ts包 https://editor.swagger.io 得到 typescript-axios-clien…...

编程日记 2023/9/14 23:34:25

【搭建私人图床】本地PHP搭建简单Imagewheel云图床，在外远程访问

文章目录 1.前言2. Imagewheel网站搭建2.1. Imagewheel下载和安装2.2. Imagewheel网页测试2.3.cpolar的安装和注册 3.本地网页发布3.1.Cpolar临时数据隧道3.2.Cpolar稳定隧道（云端设置）3.3.Cpolar稳定隧道（本地设置） 4.公网访问测…...

编程日记 2023/9/14 23:33:21

BOM操作

文章目录 BOM事件页面加载调整窗口事件定时器停止计时器Location对象History对象Offsetleft获取元素偏移Offset与style的区别可视区client系列滚动scroll系列Mouseover和mousenter区别 动画原理实现动画封装给不同对象添加定时器缓动动画原理多个位置间移动 BOM事件 页面加载 …...

编程日记 2023/9/14 23:32:19

【校招VIP】前端操作系统之存储管理加密

考点介绍 加密算法有很多，如不可逆的摘要算法MD5、SHA（安全哈希算法），可逆的Base64编码，对称加密算法DES、AES，还有非对称加密算法DH、RSA等。那是不是说明我们可以使用任何一种加密算法就能保证网站的安全…...

编程日记 2023/9/14 23:31:19

windows 下载安装 mysql

windows 下载安装 mysql 官网地址：https://dev.mysql.com/ 下载地址：https://cdn.mysql.com//Downloads/MySQLInstaller/mysql-installer-community-8.0.34.0.msi 点击 Downloads 点击 MySQL Community (GPL) Downloads 点击 MySQL Installer for Window…...

编程日记 2023/9/14 23:30:17

第14章_瑞萨MCU零基础入门系列教程之QSPI

本教程基于韦东山百问网出的 DShanMCU-RA6M5开发板 进行编写，需要的同学可以在这里获取： https://item.taobao.com/item.htm?id728461040949 配套资料获取：https://renesas-docs.100ask.net 瑞萨MCU零基础入门系列教程汇总： ht…...

编程日记 2023/9/14 23:25:13

【pygame】01 pygame制作游戏的最小系统

这次使用sublimepython进行pygame的游戏开发，目的是学习使用python的基本操作和常用模块 添加一个文件夹到工程 最小系统 1.导入使用的模块 2.初始化：pygame.init函数包含了各个子模块的初始化，可以重复调用 3.pygame.display.set_mode返…...

编程日记 2023/9/14 23:24:12

(文末赠书)我为什么推荐应该人手一本《人月神话》

能点进来的朋友，说明你肯定是计算机工作的朋友或者对这本书正在仔细琢磨着的朋友。 文章目录 1、人人都会编程的时代，我们如何留存?2、小故事说明项目管理着为什么必看这本书3、如何评价《人月神话：纪念典藏版》4、本书的目录（好…...

编程日记 2023/9/14 23:22:10

回文串 rust解法

输入一个字符串，判断它是否为回文串。 输入字符串保证不含数字0。所谓回文串，就是反转以后和原串相同，如abba和madam。 样例输入： NOTAPALINDROME ISAPALINILAPASI 样例输出： not huiwen huiwen 解法： u…...

编程日记 2023/9/14 23:19:05

echarts常用参数详解汇总（饼图，柱形图，折线图）持续更新中

常用配置： X/Y轴线的基础设置《通用》 细微的差距只能去官网查看了，基本一致 这里只是做了个汇总方便查看 xAxis/yAxis: {show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字axisTick:{// 不显示坐标轴刻度线show:false, alignWithLabel: tru…...

编程日记 2023/9/14 23:18:04

最新ChatGPT网站源码+支持GPT4.0+支持Midjourney绘画+支持国内全AI模型

一、智能创作系统 SparkAi创作系统是基于国外很火的ChatGPT进行开发的Ai智能问答系统。本期针对源码系统整体测试下来非常完美，可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作ChatGPT？小编这里写一个详细图文教程吧&…...

编程日记 2023/9/14 23:16:02

【MySQL】基础SQL语句——库的操作

文章目录 一. 创建数据库1.1 基础语句1.2 字符集和校验规则1.3 校验规则对读取数据的影响 二. 查看数据库三. 修改数据库四. 删除数据库及备份4.1 删除4.2 备份和还原 结束语 一. 创建数据库 1.1 基础语句 最简洁的创建数据库的SQL语句是： create database db_nam…...

编程日记 2023/9/14 23:12:59

基于YOLOv8模型的海洋生物目标检测系统（PyTorch+Pyside6+YOLOv8模型）

摘要：基于YOLOv8模型的海洋生物目标检测系统可用于日常生活中检测与定位海洋生物目标，利用深度学习算法可实现图片、视频、摄像头等方式的目标检测，另外本系统还支持图片、视频等格式的结果可视化与结果导出。本系统采用YOLOv8目标检测算法训…...

编程日记 2023/9/14 23:10:58

华为星闪联盟：引领无线通信技术创新的先锋

星闪（NearLink），是由华为倡导并发起的新一代无线短距通信技术，它从零到一全新设计，是为了满足万物互联时代个性化、多样化的极致、创新体验需求而诞生的。这项技术汇聚了中国300多家头部企业和机构的集体智慧&#xff…...

编程日记 2023/9/14 23:08:55

炒期权的资金门槛是多少 ?

期权是一种合约，买方向卖方支付一定费用后有权利在特定的时间，以特定的价格买入或卖出一定数量的特定资产，卖方需履行相应义务，期权开户支持线上和零门槛开头，下文介绍炒期权的资金门槛是多少 ?本文来自：期…...

编程日记 2023/9/14 23:07:55

matlab根轨迹绘制

绘制根轨迹目的就是改变系统的闭环极点，使得系统由不稳定变为稳定或者使得稳定的系统变得更加稳定。 在使用PID控制器的时候，首先要确定的参数是Kp，画成框图的形式如下： 也就是想要知道Kp对系统性能有哪些影响，此时就…...

编程日记 2023/9/14 23:06:53

Vue错误记录

文章目录 1. 项目build的时候报错Warning: Accessing non-existent property cat of module exports inside circular dependency2. WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not …...

编程日记 2023/9/14 23:05:52

Linux 修改SSH的显示样式，修改终端shell显示的样式，美观更改

要修改SSH的显示样式，您可以使用自定义的PS1（提示字符串1）变量来更改命令行提示符的外观。在您的情况下，您想要的格式似乎包括日期和时间，以及当前目录。以下是一个示例PS1设置，可以实现您所描述的样式&…...

编程日记 2023/9/14 23:03:48

day40 设计模式、jdk8新特性

一、代理模式 为其他对象提供一种代理控制此对象的访问 若一个对象不适合直接引用另一个对象， 代理对象在客户端和目标对象之间起到中介作用 组成： 抽象角色：通过接口 抽象类 真实角色实现了哪些方法 代理角色：实现抽象角色…...

编程日记 2023/9/14 23:01:46

【数据结构】链表C++编写的，它定义了一个链表，并实现了一些基本的链表操作，如创建新节点、插入节点、清空链表、输出链表以及查找节点

// 引入标准输入输出流库&#xff0c;用于输出操作 #include <iostream> // 引入标准库中的stdlib&#xff0c;包含了rand()函数和其他相关函数 #include <cstdlib> // 引入标准库中的time&#xff0c;包含了time()函数和其他相关函数 #include <ctim…...

编程日记 2023/9/14 23:00:46

观成科技：隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具&#xff0c;该工具基于TUN接口实现其功能&#xff0c;利用反向TCP/TLS连接建立一条隐蔽的通信信道&#xff0c;支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式&#xff0c;适应复杂网…...

编程新知 2025/10/20 3:26:26

装饰模式（Decorator Pattern）重构java邮件发奖系统实战

前言 现在我们有个如下的需求&#xff0c;设计一个邮件发奖的小系统&#xff0c; 需求 1.数据验证 → 2. 敏感信息加密 → 3. 日志记录 → 4. 实际发送邮件 装饰器模式&#xff08;Decorator Pattern&#xff09;允许向一个现有的对象添加新的功能&#xff0c;同时又不改变其…...

编程新知 2025/10/17 5:24:47

遍历 Map 类型集合的方法汇总

1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

编程新知 2025/10/10 10:43:25

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序

一、开发准备 ​​环境搭建​​&#xff1a; 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号 ​​项目创建​​&#xff1a; File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...

编程新知 2025/9/5 12:16:40

2021-03-15 iview一些问题

1.iview 在使用tree组件时&#xff0c;发现没有set类的方法&#xff0c;只有get&#xff0c;那么要改变tree值&#xff0c;只能遍历treeData&#xff0c;递归修改treeData的checked&#xff0c;发现无法更改&#xff0c;原因在于check模式下&#xff0c;子元素的勾选状态跟父节…...

编程新知 2025/10/15 4:19:54

【论文笔记】若干矿井粉尘检测算法概述

总的来说&#xff0c;传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度&#xff0c;通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/10/14 10:52:24

WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成

厌倦手动写WordPress文章&#xff1f;AI自动生成&#xff0c;效率提升10倍&#xff01; 支持多语言、自动配图、定时发布&#xff0c;让内容创作更轻松&#xff01; AI内容生成 → 不想每天写文章&#xff1f;AI一键生成高质量内容&#xff01;多语言支持 → 跨境电商必备&am…...

编程新知 2025/10/11 10:08:40

汇编常见指令

汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX&#xff08;不访问内存&#xff09;XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2025/7/20 13:23:05

Springboot社区养老保险系统小程序

一、前言 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;社区养老保险系统小程序被用户普遍使用&#xff0c;为方…...

编程新知 2025/10/20 13:05:00

掌握 HTTP 请求：理解 cURL GET 语法

cURL 是一个强大的命令行工具&#xff0c;用于发送 HTTP 请求和与 Web 服务器交互。在 Web 开发和测试中&#xff0c;cURL 经常用于发送 GET 请求来获取服务器资源。本文将详细介绍 cURL GET 请求的语法和使用方法。 一、cURL 基本概念 cURL 是 "Client URL" 的缩写…...

编程新知 2025/7/9 20:52:19