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-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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/78733.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【实用工具】Centos 安装ARL灯塔

文章目录 docker 安装安装docker-compose配置镜像加速器ARL安装和启动 docker 安装 yum install https://download.docker.com/linux/fedora/30/x86_64/stable/Packages/containerd.io-1.2.6-3.3.fc30.x86_64.rpm yum install docker-ce (若出现无法找到包可能是镜像源问题) 更…

怎么科学管理固定资产呢

在当今的商业环境中,固定资产的管理是企业成功的关键因素之一。然而,传统的固定资产管理方法往往过于繁琐,缺乏创新,导致资源的浪费和效率的低下。因此,我们需要一种新的、更加科学的方法来管理我们的固定资产。本文将…

C++多线程的用法(包含线程池小项目)

一些小tips: 编译命令如下&#xff1a; g 7.thread_pool.cpp -lpthread 查看运行时间&#xff1a; time ./a.out 获得本进程的进程id&#xff1a; this_thread::get_id() 需要引入的库函数有&#xff1a; #include<thread> // 引入线程库 #include<mutex> //…

Ui自动化测试上传文件方法都在这里了 ~

前言 实施UI自动化测试的时候&#xff0c;经常会遇见上传文件的操作&#xff0c;那么对于上传文件你知道几种方法呢&#xff1f;今天我们就总结一下几种常用的上传文件的方法&#xff0c;并分析一下每个方法的优点和缺点以及哪种方法效率&#xff0c;稳定性更高 被测HTML代码…

结构型模式-享元模式

主要用于减少创建对象的数量&#xff0c;以减少内存占用和提高性能。这种类型的设计模式属于结构型模式&#xff0c;它提供了减少对象数量从而改善应用所需的对象结构的方式。 享元模式尝试重用现有的同类对象&#xff0c;如果未找到匹配的对象&#xff0c;则创建新对象。我们…

java并发编程 SynchronousQueue详解

文章目录 1 SynchronousQueue是什么2 核心属性详解3 核心方法详解3.1 transfer(E e, boolean timed, long nanos)3.1.1 TransferStack实现3.1.2 TransferQueue实现 3.2 外部方法3.2.1 put(E e)3.2.2 offer(E e)3.2.3 take()3.2.4 poll() 4 总结 java 并发编程系列文章目录 1 S…

shell脚本之sed命令

shell脚本之sed命令 sed 命令的一些常用选项sed 命令的一些常用命令具体例子 sed 在 Shell 脚本中非常常用&#xff0c;可以用于文本替换、插入、删除等操作。 以下是 sed 命令的基本语法&#xff1a; sed [选项] 命令 [文件...]其中&#xff0c;选项是可选的&#xff0c;可以…

关于CMake多级目录/多个子目录/子目录文件调用另外子目录文件接口及清除CMake生成的中间文件的注意事项

1&#xff09;如果子目录代码文件相对独立&#xff0c;也就是没有引用其他子目录的文件&#xff0c;可以单独编译成库文件 上层CMakeLists.txt通过link_libraries()来添加这个库文件 2&#xff09;如果子目录代码引用了其他子目录的文件&#xff0c;建议在上一层编译(前提也是…

睿趣科技:抖音开店前期需要准备什么

抖音作为全球最受欢迎的短视频平台之一&#xff0c;已经成为了许多年轻人的创业和赚钱的机会。如果你计划在抖音上开店&#xff0c;那么在正式开业之前&#xff0c;有一些重要的准备工作是必不可少的。下面就是抖音开店前期需要准备的关键步骤和注意事项。 确定你的目标和产品&…

Matlab图像处理-三原色

三原色 根据详细的实验结果&#xff0c;人眼中负责颜色感知的细胞中约有65%对红光敏感&#xff0c;33%对绿光敏感&#xff0c;只有2%对蓝光敏感。正是人眼的这些吸收特性决定了所看到的彩色是一般所谓的原色红&#xff08;R&#xff09;、绿&#xff08;G&#xff09;和蓝&…

动态渲染 echarts 饼图(vue 2 + axios + Springboot)

目录 前言1. 项目搭建1.1. 前端1.2. 后端 2. 后端数据渲染前端2.1 补充1&#xff1a;在 vue 中使用 axios2.2. 补充2&#xff1a;Springboot 处理跨域问题2.3. 修改前端代码2.3.1 修改饼图样式2.3.2 调用后台数据渲染饼图2.3.3 改造成内外两个圈 前言 因为上文中提到的需求就是…

内网隧道代理技术(二十五)之 ICMP隧道反弹SHELL

ICMP隧道反弹SHELL ICMP隧道原理 由于ICMP报文自身可以携带数据,而且ICMP报文是由系统内核处理的,不占用任何端口,因此具有很高的隐蔽性。把数据隐藏在ICMP数据包包头的data字段中,建立隐蔽通道,可以实现绕过防火墙和入侵检测系统的阻拦。 ICMP隧道有以下的优点: ICMP…

腾讯云4核8G服务器选CVM还是轻量比较好?价格对比

腾讯云4核8G云服务器可以选择轻量应用服务器或CVM云服务器标准型S5实例&#xff0c;轻量4核8G12M服务器446元一年&#xff0c;CVM S5云服务器935元一年&#xff0c;相对于云服务器CVM&#xff0c;轻量应用服务器性价比更高&#xff0c;轻量服务器CPU和CVM有区别吗&#xff1f;性…

博客系统(升级(Spring))(四)(完)基本功能(阅读,修改,添加,删除文章)(附带项目)

博客系统 (三&#xff09; 博客系统博客主页前端后端个人博客前端后端显示个人文章删除文章 修改文章前端后端提取文章修改文章 显示正文内容前端后端文章阅读量功能 添加文章前端后端 如何使用Redis项目地点&#xff1a; 博客系统 博客系统是干什么的&#xff1f; CSDN就是一…

数字化转型对企业有哪些优势?

数字化转型为企业提供了众多优势&#xff0c;帮助他们在日益数字化的世界中保持竞争力、敏捷性和响应能力。以下是一些主要优势&#xff1a; 1.提高效率和生产力&#xff1a; 重复性任务和流程的自动化可以减少人为错误&#xff0c;并使员工能够专注于更具战略性的任务。简化…

Apache Linki 1.3.1+DataSphereStudio+正常启动+微服务+端口号

我使用的是一键部署容器化版本&#xff0c;官方文章 默认会启动6个 Linkis 微服务&#xff0c;其中下图linkis-cg-engineconn服务为运行任务才会启动,一共七个 LINKIS-CG-ENGINECONN:38681 LINKIS-CG-ENGINECONNMANAGER:9102 引擎管理服务 LINKIS-CG-ENTRANCE:9104 计算治理入…

Vue开发小注意点

改bug 更改了配置项啥的&#xff0c;保存刷新发现没变&#xff0c;那就重启项目&#xff01;&#xff01;&#xff01;&#xff01; binding.value 和 e.target.value binding.value Day5 指令的值 e.target.value Day4 表单组件封装 binding.value 和 e.target.valu…

plt函数显示图片 在图片上画边界框 边界框坐标转换

一.读取图片并显示图片 %matplotlib inline import torch from d2l import torch as d2l读取图片 image_path ../data/images/cat_dog_new.jpg # 创建画板 figure d2l.set_figsize() image d2l.plt.imread(image_path) d2l.plt.imshow(image);二.给出一个(x左上角,y左上角,…

Flask 使用 JWT(三)flask-jwt-extended

如果想要在 flask 中使用 JWT ,推荐使用 flask-jwt-extended 插件。 使用 pip 安装这个扩展插件的最简单方法是: pip install flask-jwt-extended基本使用 在接下来的案例中,我们看一下基本使用。我们可以使用 create_access_token() 函数用来生成实际的 JWT token。@jwt_r…

K8S之使用yaml格式定义pod

mysql-pod.yaml # overView: # 1. web服务与db打包放在同一个pod中&#xff0c;本地通过localhost来访问&#xff0c;并附带存活性/可用性检测 # 2. 补充重启策略/镜像拉去策略 # 3. 对容器资源进行限制apiVersion: apps/v1 kind: Pod metadata:name: pub-oanamespace: hunte…