接口axios vue all
记一次请求接口出现400响应码的诡异错误实录
前言 最近业务碰到了一个诡异的400接口请求异常，部门用户通过浏览器访问会出现400响应码错误，部分用户又能正常访问。该接口用postman请求访问，都能正常返回数据。后端写客户端请求该接口，也都能返回正常的数据。本文就来记录一下这次问题 整体简化版请求链路 如图 问题排查过程 因为不管是用post ......
Python 接口_实现类_继承_多态 小例子
# 定义接口类 from abc import ABC, abstractmethod class Animal(ABC): @abstractmethod def speak(self): pass # 定义实现类 class Dog(Animal): def speak(self): retur ......
Vue动态更新数据内容，百度下拉框提示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue.js"></ ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
API 接口主流协议有哪些？及WebService和Restful之间的区别和联系？
API 接口主流协议有哪些？如何创建 HTTP/HTTPS、WebSocket/WebSockets、TCP/UDP、gRPC、SOAP、Dubbo/HSF 等不同协议？ RESTFUL：简单来说就是对HTTP请求的方式和路径的一种约束规则，一种思想。 只要是符合这种思想的HTTP接口都可以叫做RE ......
接口优化技巧，确实很优雅！！
一、背景 针对老项目，去年做了许多降本增效的事情，其中发现最多的就是接口耗时过长的问题，就集中搞了一次接口性能优化。本文将给小伙伴们分享一下接口优化的通用方案。 二、接口优化方案总结 1.批处理 批量思想：批量操作数据库，这个很好理解，我们在循环插入场景的接口中，可以在批处理执行完成后一次性插入或更 ......
vue3 项目中出现的空白页面的总结(巨坑)
一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题，不是路由懒加载的原因，是在点击路由完整的状态下，点击菜单跳转页面，出现的空白页面，不能触发页面中任何钩子函数，但是路由是跳了的，重新刷新页面，页面内容即可出现，而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
学习Vue3 第四章 vue指令
指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏（di ......
Vue3 第三章
Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 ......
关于服务迁移后测试接口发现的SQLSyntaxErrorException:Table'XXXXX表' doesn't exist 错误
首先,这是我这种粗心的小白经常的犯错内容,作为日常记录,警醒自己避免大意 先来看报错 报错很明显,查询的表不存在,但是我要查询的是t_industry表,表名字都不一样,也对比了数据库名字没有写错. 多方测试后无果,紧接着找配置文件application-test,查看数据源也是以前配置好的,好像没 ......
ruoyi vue 前后端分离版本 打包分离jar包至lib
环境：若依前后端分离版本，原打包时将所有的依赖jar包放至ruoyi-admin.jar 包中，该包130MB，过大。
需求：为了减少打包更新上传的时间，减少至1.1mb
1、将不常更新的模块jar包分离至lib文件夹
2、将常更新的模块如common、system等打包至jar包中。 ......
[Vue] vue学习笔记(2): 监视属性 & 计算属性
关于计算属性 案例：分别输入姓和名，打印全名 基本代码 <div id='root'> first name<input type="text" v-model="firstname"><br/><br/> last name<input type="text" v-model="lastname" ......
Vue打包发布
打包发布 目标：明确打包的作用 说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了，脚手架不参与上线 打包的作用： 将多个文件压缩合并成一个文件 语法降级 less sass ts 语法解析 .... 打包后，可以生成，浏览器能够直接运行的网页 命令：npm run build 打包完 ......
微机原理与接口技术-第五章总线
总线技术 分类 芯片总线：芯片级互联，大规模集成电路芯片内部，或系统中各种不同的器件连接在一起的总线，局部总线：微处理器的引脚信号，片内总线：大规模集成电路芯片内部连接 内总线：模板级互联，主机内部各功能单元间连接的总线 外总线：微机系统与其外设或微机系统之间连接的总线 总线的数据传输 主设备（Ma ......
如何在vue中注册和使用全局组件
1、在main.js入口文件中，使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount> ......
Vue3 + ant-design-vue@3.2.15 + UploadPictureCard
<template> <a-upload name="file" v-model:file-list="showFileList" list-type="picture-card" :multiple="multiple" :max-count="maxCount" :before-upload=" ......
vue引入外部样式只在当前文件生效
引入外部文件时，想要只在当前组件使用，但是我们使用如下方式时，会在全局使用。因为在scoped起作用的时候，import还没有引入这个文件 <style scoped> @import "../../xx.css" </style> 使用以下方式即可 <style scoped src="../.. ......
Vue3 第二章（配置环境）
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......
【源码系列#02】Vue3响应式原理（Effect）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive ， reactive 的实现是由 proxy 加 effect 组合，上一章节我们利用 proxy 实现了 ......
基于注解实现 SpringBoot 接口限流
编写注解类 import java.lang.annotation.Retention; import java.lang.annotation.Target; import static java.lang.annotation.ElementType.METHOD; import static ......
html中直接引入Vue时可能会出现未解析时的解决方案
<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
vue自定义指令应用场景
1.防止重复操作(节流)一段时间内只允许操作一次 适用场景：接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载，减少不必要的请求以及流量，适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码： 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用，并将在TypeScript 5.5中停止使用。要消除此错误， 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue-mixin 混入处理
概述 再日常开发中，对于组件内部的方法多处存在相同的特点，往往会抽离出一个公共的方法方便调用，但是由于多个组件可能都需要用到这个方法，所以通过mixin混入的方式，将该方法独立抽离出来，方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
SpringBoot 配置API接口文档Knife4j
1、介绍 Knife4j官网：https://doc.xiaominfo.com/ 1.1 官网首页有快速开始介绍 2、引入依赖 <dependency> <groupId>com.github.xiaoymin</groupId> <artifactId>knife4j-openapi2-spri ......
Go 自动生成代码工具二 （在proto文件中定义http的接口，并自动生成gin的接口工具）
一、需求分析 在和前端对接过程中，需要后端维护一份接口文档，对于这份文档的维护在实际工作中会有一系列的问题，例如参数个数、参数类型、返回类型等。 主要还是后期需要一直维护，如果改了接口，忘记维护文档就会导致前端调用异常。 但是当使用 protobuf定义好了接口，微服务相互间调用，一般不会出现这类问 ......