https nginx vue
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 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
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. ......
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 ......
vue入门——？？04days
def接口项目_回顾 # 创建数据库指定编码 CREATE DATABASE drf_ks CHARACTER SET utf8; # 锁定用户后，之前签发的token，如果没过期，还能用 -自己写认证类 》拿到当前用户后，判断是否锁定，如果锁定了，认证不通过即可 # 用自定义用户表--》签发tok ......
Vue——实现与后端交互
展现方式：点击按钮向后端发起请求，获取数据并展示到前端 呈现效果： 实现方式如下： 第一步：使用Django框架书写后端代码，返回数据（用户名与年龄） 视图类： from rest_framework.views import APIView from rest_framework.response ......
7、nginx模块之HTTP模块（1)
1、概述 静态Web服务器的主要功能由ngx_http_core_module模块实现，一个完整的静态 Web 服务器还有许多功能是由其他的 HTTP 模块实现的。 一个典型的静态 Web 服务器包含多个 server 块和location 块，例如: http { gzip on; upstrea ......
vue项目里导出word模板，导出Excel表格~
一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......
Vue——实现购物车的增减与价格统计
呈现效果： 第一步：引入vue与bootstrap的CDN <script src="./js/vue.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4 ......
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 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
nginx安全加固：
项目被扫出了漏洞，需要安全加固，看了下大部分都是和请求头相关的，特地记录下 以下为nginx配置文件 http{ ... client_max_body_size 300M; #安全加固 keepalive_timeout 55; client_body_timeout 10; client_hea ......
微软用它取代了`Nginx`吞吐量提升了百分之八十！
Azure应用服务用YARP取代了Nginx，获得了80%以上的吞吐量。他们每天处理160B多个请求(1.9 m RPS)。这是微软的一项了不起的技术创新。 首先我们来介绍一下什么是Yarp Yarp是什么？ YARP（Yet Another Reverse Proxy）是一个开源的、高性能的反向代 ......
Windows上搭建nginx-rtsp流媒体服务器，实现FFmpeg推流、录像转rtsp推流
背景 实现 2.1 Nginx 下载Nginx-rtmp-win64 Nginx github地址 修改配置文件(conf/nginx.conf) rtmp { server { listen 1935; application live { live on; } application hls { ......
Vue npm run serv
Vue npm run serv 1.首先 npm run serve 会在 package.json 文件中寻找 scripts 中的 serve 属性（有的可能会是dev属性，根据自己项目结构来） 2. vue-cli-service serve 是什么呢？ 其实就是等同于去执行 node_mo ......
如何在Vue中实现多语言切换
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现3D立体效果
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue中实现在线编辑器
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue中实现全屏滚动效果
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue中实现动态路由
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现复制粘贴功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现倒计时功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现拖拽上传图片
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现地图展示功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue中实现搜索功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......