情况 项目nginx vue3
TSINGSEE视频能力在交通运输可视化管理平台项目中的应用
平台能实现海量前端设备的轻量化接入/转码/分发、视频直播、云端录像、云存储、检索回看、智能告警、平台级联等，可在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理。 ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
nginx配置文件生成完成批量配置
1.创建模板 worker_processes 1; events { worker_connections 1024; } stream { server { listen listen-port; proxy_pass ip:port; proxy_connect_timeout 2s; } # ......
[IDEA插件]刷新项目视图中的文件树注释信息
开始只知道扩展点 projectViewNodeDecorator 这个是在文件内容发生变更时触发， 但是有一些时候，只是想单纯刷新下，于是找到了show comment这个插件， 而且是开源的，里面提供了一个按钮如下： <action id="xxx.ReLoadExtDocAction" cla ......
windows：查看端口占用情况相关命令
一、通过命令行查找端口被谁占用 1、window+R组合键，调出命令窗口 2、查看被占用端口对应的PID，输入命令：netstat -ano | findstr 端口，回车，记录最后一位数字，即 pid 3、继续输入tasklist | findstr PID，回车，查看是哪个进程或者程序占用了端口 ......
spring boot项目上传文件
严重: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.spri ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
每天为维度展示当月的数据情况
/** * 获取每日数据统计 */ public function getOneDayCountLog() { // 本月所有天数 for ($i = 1; $i < date('t')+1; $i++) { $monthDay['revenue_money_day'] = ''; $monthDa ......
项目脚本学习
perl脚本生成模块文件列表 查看代码 #!/usr/bin/perl -w use File::Copy qw(copy cp); use Cwd; copy("./../../verification/regress_fun/config/modules_list","./") or die " ......
项目播报 | 璞华×江苏鼎为云，打造数字化“采云链”体系，赋能新能源机电行业生态化
数字化转型升级，提高采购效率，打造智慧供应链。作为中国领先的采购数字化服务商，璞华拥有丰富的采购数字化实战经验及强大品牌影响力，沉淀了成熟的采购数字化解决方案。未来，璞华采云链将一如既往地以创新领先的产品和专业的服务帮助更多的优秀企业实现采购数智化转型。 ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
vite项目优化----- 解决终端optimized dependencies changed. reloading问题
写在前面网上都说vite要比webpack快，但个人感受，默认情况下, vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多/比较复杂的话，那就会比较慢了。 这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案 为什么说vite快？为什么说vite慢？只说vit ......
【Nginx】valid_referers 参数绕坑指南
Nginx 提供了valid_referers参数用于检查url中refer参数的状态，首先看下官方配置： Syntax: valid_referers none | blocked | server_names | string ...;Default: —Context: server, loc ......
Nginx配置referer校验，实现简单的防盗链
1、Nginx Referer模块 nginx模块ngx_http_referer_module通常用于阻挡来源非法的域名请求。当一个请求头的Referer字段中包含一些非正确的字段，这个模块可以禁止这个请求访问站点。构造Referer的请求很容易实现，所以使用这个模块并不能100%的阻止这些请求。 ......
NGINX根据客户端真实ip限制/referer限制
最近后端服务被攻击，所有接口被疯狂调用，记录一次nginx应对攻击的方案，包括黑白名单、referer限定等。 一、NGINX根据用户真实IP限源1、nginx日志打印在nginx.conf配置文件中的http模块打印 log_format main '$remote_addr - $remote_ ......
启动springboot项目指定jdk版本以及设置控制台中文
代码： @echo off title= javaServer chcp 936 set JAVA_HOME=D:\Tools\JDK8 set PATH=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin set CLASSPATH=.;%JAVA_HOME%\lib\dt.j ......
项目管理5个阶段的主要任务
项目管理5个阶段的主要任务 5个阶段：启动 规划 执行 监控 收尾 启动阶段 当签订合同并明确要交付的服务或成果物（工作说明书SOW中有约定）后，即开始：选择项目经理确定公司文化和现存组织形式（职能型、项目型、矩阵型）收集需要的过程、流程和历史信息将大项目划分为阶段（WBS）识别项目干系人（干系人的 ......
分析什么情况下回有大量的垃圾回收（GC）
在前端性能监控中，大量的垃圾回收（GC）通常是由以下原因导致的： 内存泄漏：当页面中的对象没有被正确地释放或引用计数错误时，会导致内存泄漏。当内存中的对象达到一定数量时，JavaScript 引擎会执行垃圾回收以释放这些不再使用的对象，从而导致大量的 GC。 频繁的创建和销毁对象：如果页面中频繁创建 ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数，不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
docker上面部署nginx-waf 防火墙“modsecurity”，使用CRS规则，搭建WEB应用防火墙
web防火墙（waf）免费开源的比较少，并且真正可以商用的WAF少之又少，modsecurity 是开源防火墙鼻祖并且有正规公司在维护着，目前是https://www.trustwave.com在维护，不幸的是2024 年 7 月将不再维护交还开源社区管理，Trustwave目前打造自己的web防火 ......
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
【遇到的问题】网页出现404情况
代码、配置均无错误，但访问出现404 1、检查jar包是否都存在。 2、如果jar包存在，显示无法输出，就在IDEA的项目发布中，添加lib依赖。Maven创建子项目时，手动添加的web支持时，可能不会自动生成lib文件夹！ 项目右击-->add Framework support...-->勾选 ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
如何使用Webpack工具构建项目
起步 webpack 用于编译 JavaScript 模块。一旦完成 安装，你就可以通过 webpack CLI 或 API 与其配合交互。如果你还不熟悉 webpack，请阅读 核心概念 和 对比，了解为什么要使用 webpack，而不是社区中的其他工具。 运行 webpack 5 的 Node. ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......
下载Apache软件基金的软件和项目（Hadoop相关组件）
一、下载Hadoop相关组件，可以到Apache软件基金的资源目录： Apache 分发目录地址：https://dlcdn.apache.org/ 二、下载软件 方法一：在页面中找到需要下载的软件目录，点击进去，选择对应的版本就可以直接下载。 方法二：在上面的地址栏中直接加上对应的组件名称，进入后 ......
vue全家桶进阶之路47：Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门（ref）
Vue3 入门（ref） let name = ref('jack') 首先我们得明白，ref函数返回的是一个RefImpl对象的实例，所以此时name的值是一个复杂数据类型Object，它里面有个value属性，就是它的值，而其它的属性皆是下划线开头的，我们不关注，因为这类属性一般不是给我们开发用 ......