接口axios vue all
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
登录接口创建token，拦截器解析token取用户
1、登录接口创建token 1.1 登录接口逻辑：根据用户名，密码（前端传了的是加密后的密码），查询用户，如果查不到返回提示，如果能查到，根据用户名，id等非保密字段生成token并返回。 1.2 生成token代码： public StringcreateToken(Map<String, Obj ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
prometheus监控业务接口
Prometheus是一个开源的监控系统，可以用于监控业务接口的性能。您可以使用Prometheus来收集接口的指标，如请求次数、响应时间、错误率等，并使用图形和数据报告来可视化和分析这些数据。 为了监控业务接口，您需要在接口服务器上安装Prometheus代理，该代理可以收集接口的指标并将其发送到 ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
identityserver4 刷新token接口返回空
如题， 查看日志发现错误信息： No signing credential for algorithms (rs256) registered 而客户端的配置里的“身份令牌算法”没有rs256 于是加上就ok了。 ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......
vue+iframe 添加请求头，自适应宽度和高度，iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久； 中间一旦出错就需要重新上传； 一般服务端会对文件的大小进行限制 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系（例如：父子、祖孙、兄弟等），就可以让组件之间进行互相通信。 组件五把 ......
Go 后台接口书写
设置路由 package healthinterface import ( "Ganzhou/config" "Ganzhou/gzq/healthinterface/routers/gzhealthrinterface" "Ganzhou/pkg/log" "Ganzhou/pkg/middlew ......
postman测试接口，后台请求正常运行但返回404错误
参考文章 https://www.cnblogs.com/zjqlogs/p/15158573.html 解决方法 在相关方法上添加@ResponseBody 注解 ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台”，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。 特点如下： setup函数返回的对象中的内容，可直接在模板中使用。 setup中访问this是un ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完 ......
使用vue3和vite导入index.vue文件而不指定文件名
<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
springboot 自定义响应体大小测试接口
@ResponseBody @RequestMapping("/def/response/body/service") public StringBuilder defResponseBodyService(@RequestParam(name="count") Integer count,Http ......
只需根据接口文档，就能轻松开发 get 和 post 请求的脚本，你会做吗？
一般的接口文档描述的内容： 开发get请求的脚本，接口文档的描述如下： 在loadrunner里面创建一个空脚本： 在action空白处，点击insert—>step 输入web_custom_request，双击选择该函数，填入如下几个参数值： 生成的脚本如下： 运行编译，看有没有语法错误： 在日 ......
VUE与WPF树形控件的区别与使用
VUE：树形结构显示，主要在数据查询的时候把数据拼成树形结构的数据， 注意：VUE中树形结构体必须要有children，此对象必须是list类型 WPF：树形结构显示，是把所有的数据查询到，然后WPF中的控件通过ID和PID来自动把数据呈现成树形结构 ......
软件测试/人工智能|基于录制的接口测试用例自动生成技术探究
导言 在现代软件开发中，接口测试是确保系统功能和性能的关键步骤。然而，手动编写接口测试用例往往耗费大量时间和资源。基于录制的接口测试用例自动生成技术通过简化这个流程，显著提高了测试效率和准确性。 录制接口测试用例自动生成技术简介 录制接口测试用例自动生成技术允许开发者利用特定工具记录用户的接口操作并 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito ......
Vue中process.env关键字，process.env.VUE_APP_BASE_API
Vue中process.env关键字，process.env.VUE_APP_BASE_API：https://blog.csdn.net/coinisi_li/article/details/128547778 vue分环境配置变量及打包：https://blog.csdn.net/weixin_ ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
vue的生命周期
vue的生命周期图如下： 总结：一般在created中进行数据请求、mounted中操作dom数据结构、beforeDestroy中关闭定时器或订阅消息等 ......
输入框、文本域中内容底部有红色波浪线，如何去掉？vue2 html
取消检查就不会有红色波浪线 添加属性：spellcheck="false" 1 <el-input 2 type="textarea" 3 :autosize="{ minRows: 2, maxRows: 40 }" 4 placeholder="请输入内容" 5 v-model.trim="te ......
接口自动化测试用例的设计
做接口自动化的前提，需设计接口自动化测试用例--设计接口自动化测试用例的前提：如下 一、搞清接口测试的目的： 二、搞清接口测试的优先级： 三、搞清接口测试的业务逻辑和应用场景 1、单接口场景的测试 如：登录 2、依赖接口场景的测试 如：需先登录获取token，方能进行后续接口的执行 3、整体业务流上 ......