前端docker nginx vue3
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
windows 部署flask+tornado+nginx
nginx下载地址 http://nginx.org/en/download.html 1，因windows对uwsgi支持不友好，flask自有服务不够强大，所以引用tornado服务 from tornado.wsgi import WSGIContainer from tornado.http ......
架构相关---路由菜单权限+多模块菜单+微前端
权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限，按钮权限 多模块菜单 1.高亮 2.多级和高亮 微前端 1.qiankun 2.microApp ......
前端开发笔记[6]-基于Gradio的力声信号分析界面
摘要 基于Gradio的力声信号分析界面,实现Gradio页面内嵌html代码和svg图像; 备注 仅用作前端开发练习，不保证其中的信号处理方式及数据分析的学术性。 开源地址 [https://gitee.com/qsbye/pear-dsp-gradio] 平台信息 "pyaudio~=0.2.1 ......
Nginx日志管理大揭秘：logrotate工具与配置，日志按日期精准分割
要让Nginx日志文件以日期为单位每天生成一个，你可以使用logrotate工具结合Nginx的配置。首先，确保你的系统上已经安装了logrotate。然后，按照下面的步骤修改Nginx的配置文件。 以下是一个简单的Nginx配置文件示例，假设Nginx版本为1.13.6。请注意，这只是一个基本示例 ......
nfs和nginx+keepalived
172.16.5.50 rpm -qa| grep keep 956 vim /etc/keepalived/keepalived.conf 957 systemctl restart keepalived.service 958 ip a 959 ip 960 ip a 961 ll 962 ca ......
前端系列：正则表达式RegExp详解
目录正则创建匹配方法元字符字符集合边界分组数量词汇匹配模式RegExp 方法特性 正则创建 字面量创建 const str = 'asdf123sds3234' const regexp = /\d+/g const res = str.match(regexp) console.log(res) ......
1. spring中，为什么前端明明传了值，后端却接收不到
问题场景 在进行前后端的联调时，有时候会出现，前端明明传了值，后端接口却接收不到的情况 可能原因: 前后端字段名不匹配 后端接收数据的实体类缺少对应属性的get、set方法.特别是当前的开发大环境下,开发者较为依赖Lombok注解,即可能在实体类上遗忘添加相关注解. 该情况较为特殊和复杂.下面重点讨 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
Docker搭建Exporter+Prometheus+Grafana监控系统
一、搭建 搭建文档： 链接：https://pan.baidu.com/s/1BQ6IZCd5uteg85mj6FVulQ?pwd=z2sf 提取码：z2sf 二、监控 1、打开prometheus ，查看已经启动的服务 http://192.168.5.132:9090/targets 2、登录G ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
Linux之docker学习
Docker学习笔记 安装Docker 本安装教程参考Docker官方文档，地址如下： https://docs.docker.com/engine/install/centos/ 1.卸载旧版 首先如果系统中已经存在旧的Docker，则先卸载： yum remove docker \ docker ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
在Linux环境下安装docker
在Linux环境下安装docker docker desktop和docker engine 在官网下载docker时有两种选择：docker engine 和 docker desktop docker desktop docker desktop是一种一键式安装的应用程序，适用于Mac、Linu ......
【前端】统计博客园阅读总量
✨效果展示 在博客后台页面运行以下代码 截止2024-1-9，阅读总量已达28w！！ ✨代码实现 /** 输入别人的博客园地址名称 */ function countBlogReadings(CnblogsName){ console.log("正在统计 "+CnblogsName+" 的博客的总阅 ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
7、nginx模块之HTTP模块（2)
1. 对客户端请求的限制 1.1 按HTTP方法名限制用户请求 语法: limit_except method ... {....} 配置块:location Nginx 通过 limit_except 后面指定的方法名来限制用户请求。方法名可取值包括:GET、HEAD、POST、PUT、DELET ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
【Docker】- CentOS8安装docker
1、安装yum-utils sudo yum install -y yum-utils device-mapper-persistent-data lvm2 如果安装出错了，报错： Error: Failed to download metadata for repo 'appstream': Ca ......
前端H5之CSS动画效果
支持效果如下： 进入 淡入：fadeIn 翻转进入：flipInY 中心弹入：bounceIn 中心放大：zoomIn 翻转进入：rollIn 光速进入：lightSpeedIn 移入，从左向右：fadeInLeft 移入，从上向下：fadeInDown 移入，从右向左：fadeInRight 移入 ......
7、nginx模块之HTTP模块（1)
1、概述 静态Web服务器的主要功能由ngx_http_core_module模块实现，一个完整的静态 Web 服务器还有许多功能是由其他的 HTTP 模块实现的。 一个典型的静态 Web 服务器包含多个 server 块和location 块，例如: http { gzip on; upstrea ......
docker-compose固定网段设置
docker-compose在使用的时候，经常是多个docker组了个内网。而如果不指定内网地址的话，很容易和线下的网段冲突，会造成虽说外部IP和端口都映射好了，但是就是公网无法访问的情况。 解决方案： docker-compose.yml里面，指定network网段。 networks: seaf ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
Nginx安装
安装依赖包 yum install gcc gcc-* automake autoconf libtool make zlib zlib-devel glibc-* tcl pcre-devel openssl openssl-devel -y 下载安装包，解压编译 ./configure --pr ......
Centos安装docker
一句一句的执行： yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo yum install -y yum-utils device-mapper-persiste ......
Dockerfile轻松打包jar包生成docker
1. 创建java目录 mkdir /home/java/ cd /home/java/ 2. 创建Dockerfile #FROM openjdk:8-jdk-alpine #ADD *.jar app.jar #ENTRYPOINT ["java","-Djava.security.egd=fi ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
Docker启动所有容器命令
docker中 启动所有的容器命令 docker start $(docker ps -a | awk '{ print $1}' | tail -n +2) docker中 关闭所有的容器命令 docker stop $(docker ps -a | awk '{ print $1}' | tai ......
Docker安装mysql5.7
Docker安装MySQL5.7 docker pull mysql:5.7 docker run Note： 报错： docker: Error response from daemon: failed to create shim task: OCI runtime create failed: ......
乌班图安装docker
目录一、前言二、安装2.1 设置仓库2.3 安装 Docker Engine2.4 安装特定版本的 Docker Engine:2.5 测试三、配置非 root 用户运行 Docker四、配置 Docker 镜像加速 一、前言 官方参考：Install Docker Engine on Ubuntu ......