接口axios vue all
「AntV」Vue3与TS框架下使用L7
## 1. 引言 Vue是常用的前端框架,TypeScript(简称TS) 是 JavaScript 的超集,可以提高代码的可维护性和可读性 本文基于Vite、Vue3和TypeScript搭建L7开发环境并示例 ## 2. 环境安装 这里使用Vue 官方的项目脚手架工具创建Vue开发环境(其他方式 ......
vue3-element-plus DatePicker type=week 设置从周一到周日展示
main.js import ElementPlus from 'element-plus' import zhCn from 'element-plus/dist/locale/zh-cn.mjs' app.use(ElementPlus, { locale: zhCn, }).mount('#a ......
第六篇 - 将spring boot项目和vue项目关联起来
前两节分别创建了spring boot项目和vue项目,现在将前后端关联起来 一、调整后端API 参考链接:https://wenku.csdn.net/answer/d49ae1ebbbaa7fe6f09e2f637a9379d6 将springboot项目的server.port=8081,vu ......
【tcp】记一次grpc接口测试的三次挥手
1、现象 平时都是四次挥手,为啥没有服务端确认的ack呢 2、解释 (84条消息) 为什么书上说是 TCP 四次挥手,但是实际会出现 TCP 三次挥手?_tcp挥手 只抓到3_倾听铃的声的博客-CSDN博客 ~$ cat /boot/config-4.15.0-1 config-4.15.0-163 ......
【jmeter】测试socket接口的简单应用
一、场景 有一天开发问我,有没有什么工具可以测试socket,tcp,当时有点懵,这种需求还是少见 二、方法 使用Jmeter可以进行相关的测试 三、创建服务端环境 使用python搞个socket服务端 import socket # 创建 socket对象 socket_server = soc ......
vue事件基本使用总结
vue事件的基本使用: 1、使用v-on:xxx或@xxx绑定事件,其中xxx是事件名 2、事件的回调需要配置咋methods对象中,最终会挂载在vue实例对象上 3、methods中配置的函数,不要用箭头函数,否则this就不会只想vue实例了 4、methods中配置的函数,都是被Vue所管理的 ......
vue-pdf相应报错
[vue-pdf相应报错及解决](https://blog.csdn.net/m0_55969466/article/details/126033955) [vue中pdf预览,报错(Cannot read properties of undefined (reading ‘catch‘))解决]( ......
vue开场动画
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="web ......
vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
使用qrcodejs2生成二维码的方法: /** * 二维码生成 * @param content 生成二维码内容 * @param desc 二维码底部描述 * @param qrcodeDom 挂在dom * @returns {*|HTMLDivElement} */ export funct ......
vue3 整数还是显示整数,有小数的保留两位小数显示,写一个指令
1、新建number-format.ts import { Directive, DirectiveBinding } from "vue"; const numberFormat: Directive = { mounted(el, binding: DirectiveBinding) { con ......
vue3 整数还是显示整数,有小数的保留两位小数显示,并显示千分符,写一个指令
1、新建 number-thousander-format.ts import { Directive, DirectiveBinding } from "vue"; const numberThousanderFormat: Directive = { mounted(el, binding: D ......
第五篇 - 搭建一个Vue项目
上一节创建了一个Spring Boot的后端登录功能,接下来创建一个Vue项目实现前端登录页面 一、创建一个Vue项目 将Vue项目创建到spring boot demo1项目中。打开idea的Terminal,运行【vue init webpack vuetest】,后面都按enter/Y/n等就 ......
Vue07-Axios
# Axios axios是一个网络请求相关的库。 > axios: ajax i/o system 使用axios编写的网络请求代码,可以运行在浏览器端,也可以在Node环境中运行。 ## 01. 支持的请求方式 - axios(config) - axios.request(config) - ......
Vue+.net core 7 api跨域
nginx的不说,直接说在项目中配置的。 重点:前端要配代理,后端要设置返回的头文件信息。双管齐下 1、前端在项目中的vue.config.js配置中进行设置 module.exports = { publicPath: '/', outputDir: 'dist', // 发布输入文件 asset ......
Vue computed property values was assigned to but it has no setter
vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di ......
vue监听浏览器窗口大小变化,做对应的操作
页面初始化mounted的时候,通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高,然后通过 window.onresize 来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可。(created()的时候不行,因为此 ......
Linux shell standard input bugs All In One
# Linux shell standard input bugs All In One ## error ❌ > `warning: file '', around line 110: table wider than line width` ```sh $ man vcgencmd > vcge ......
Vue+element搭建后台管理系统-六、实现权限管理
在一些后台管理系统中,每个身份登录的权限不一样,以至于配置的菜单不一样。就我做过的小区物业管理系统而言,举个例子:业主登录网站只能看到社区服务中的投诉、维修以及查看公告。而管理员可以看到一些对本小区的基本操作,例如查看楼栋,查看业主,账单催缴等等…而超级管理员,可以看到所有界面,以及处理一些审核等等 ......
Axios三层封装
# Axios三层封装 在实际项目中axios都是要经过封装再使用的,企业级项目一般都是三层封装 ## 1. 工具函数层 对axios工具进行增强,如:设置公共的请求服务器、设置请求拦截器、设置响应拦截器… 1. 创建一个文件夹utils,用来放axios。 2. 创建文件,随便取名,这里我取req ......
常见的电商API接口数据分析,电商API接口获取数据步骤如下
1.Taobao API:淘宝API可以获取到淘宝平台上各种商品、类目、店铺等信息,并且能够实现下单、退款、物流等操作。
2.JD API:京东API与淘宝API类似,也可以获取到京东平台上各种商品、类目、店铺等信息,并且支持下单、退货、物流等操作。
3.PDD API:拼多多API可以获取到拼... ......
Pycharm中开发vue element项目时eslint的安装和使用
在PyCharm中使用ESLint对Element UI进行语法检查和代码风格检查的配置步骤如下: 确保你的项目已经配置了ESLint并且可以正常运行。如果尚未安装ESLint,请先使用npm(或者你的包管理器)在项目中安装ESLint: npm install eslint --save-dev ......
API接口的重要性和好处|附加淘宝api接口展示案例|商品数据采集演示
随着互联网的发展,API接口已经成为许多企业进行信息交流和数据管理的重要工具。通过API接口,企业之间能够快速、可靠地进行数据传输和信息共享,从而提高了企业的生产效率和服务质量。以下是API接口的重要性和好处的文章: 1.提高生产效率 API接口可以让企业之间实现快速、准确的数据交流。企业可以通 ......
vue-cli详细说明
vue-cli 单页面应用程序 单页面应用程序(Single Page Application)一个web网站只有唯一一个HTMl页面,所有功能&交互都在唯一一个页面完成 vue-cli vue-cli是vue.js开发的标准工具,简化了基于webpack创建工程化的Vue项目的过程。 创建项目 基 ......
VUE2/3差异之模板写法
Options API (选项API) 传统的组件随着业务复杂度越来越高,代码量会不断的加大,整个代码逻辑都不易阅读和理解。虽然尽量一个文件不要写太多代码(1000行内),但总有一些大型组件要一个文件写很多代码 优点:各选项编写写位置固定,结构清晰缺点: 代码组织性差,相似的逻辑代码不便于复用 逻辑 ......
aspnetcore最最简单的接口权限认证
五月一眨眼就过去,就当凑个数吧。 场景: 一个小小的项目,需要一个后台,就展示几个列表,连用户表、角色表等都不需要设计。 之前有写过identityserver4和jwt4的demo (exercisebook/IdentityServer4&Serilog at main · liuzhixin4 ......
net core-调用接口方式实现IHostedService的停止和启动
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Authorization; [Route("home")] [AllowAnonymous] public class HomeController : ControllerBas ......
keycloak~自定义登出接口
keycloak提供了登出的接口,不过它是一个post方法,需要你根据client_id,client_secret及refresh_token进行登出操作的,有时不太灵活,所以我又自己封装了一下,通过客户端浏览器上存储的session_id进行会话登出。 # kc提供的logout * api:{ ......
常见问题解决 --- 若依vue部署前后端 502 (Bad Gateway)
nginx配置文件中配置代理访问 这里配置的proxy_pass是后台接口的代理 location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_he ......
搭建接口自动化测试框架的思路分析和技术点
背景 为什么要做自动化测试? 节省测试时间,项目有一定体量后回归测试等场景需要耗费大量时间和人力 为什么要做接口自动化测试? 相对于ui,接口较稳定,实现自动化比较方便,代码成型后,用例和代码维护也比较方便 一、拆解接口测试的过程和场景 1.分析接口请求有哪些内容 l 请求方法 method l 请 ......