简要netcore nginx vue
Nginx+keepalived实现高可用负载群集
Nginx+keepalived 实现方式 使用Nginx作为负载调度器，通过四层代理转发给web服务器处理请求，实现负载均衡； 在Nginx调度器上配置脚本监控（健康检查），实现主备热备份，当主失效切换至备工作。 部署案列 Web 服务器1：192.168.19.23（VIP 192.168.19 ......
100道Vue高频题整理(附答案背诵版)
1、请简述Vue插件和组件的区别 ？ Vue的插件（Plugin）和组件（Component）是Vue.js中非常重要的两个概念，它们在功能上有着明显的差异。 Vue组件（Component）： Vue组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较大的Vue.j ......
leaflet在vue2中标点 加载geoJSON
lealfet版本1.9.4 vue版本2.6 引入: import L from 'leaflet' import 'leaflet/dist/leaflet.css' //记得引入样式 不然加载瓦片图后地图会错乱 1.初始化 this.map = L.map(this.mapId, mapIni ......
搭建lnmp环境-nginx关联php-fpm （第三步）
永久关闭防火墙sudo systemctl stop firewalldsudo systemctl disable firewall 安装php扩展 php-fpm yum -y install php-fpm systemctl start php-fpm.service systemctl e ......
vue3全栈项目：具有登录注册验证的在线实时聊天应用程序。
项目主要实现的功能： 登录注册的身份验证功能（利用JWT）来实现，在与后端验证的时候，会根据不同的身份显示不同的界面；而且根据不同角色赋予不同的权力，如管理员能查看信息，而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信，并 ......
vue3如何实现断点续传
首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
搭建lnmp环境-nginx
nginx无所谓版本了 需要指定版本的话，需要配置nginx源，再继续。 # 安装 yum -y install nginx # 启动 systemctl start nginx 设置开机自启动： systemctl enable nginx.service查看是否正确启动： systemctl l ......
基于Ubuntu系统Nginx的两种安装方式
一、直接apt安装** 如果本机安装了nginx，卸载nginx apt-get --purge autoremove nginx 检查本机是否还有nginx程序在后台运行，如果有直接kill掉。 ps -ef | grep nginx 1、默认版本安装方便简单，很多依赖都自动给安装好了，一个命令即 ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
【插件】VUE-Is 使用
1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2.全局使用 在main.js 中引入下列代码 import Storage from 'vue-ls'; const options = { namespace: 'myStorage ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
nginx反向代理jumpserver
背景 之前的文章介绍了，如何使用docker部署jumpserver 当需要配置成https的时候，会发现很不好调整 那么就出现了一种新的场景，那就是，后端服务不能动，如何在原来的基础上实现https的方式访问 思路 通过nginx反向代理给后端 实现 jumpserver的web服务地址是 10. ......
vue项目的拉取
一、删除vue项目的node_modules,package-lock.json两个文件 二、在项目下打开cmd窗口（本人使用管理员方式打开cmd才对之后的操作有效） 三、输入命令 npm cache clean -force npm install 四、运行项目 npm run dev ......
Vue+Node实现大文件上传和断点续传
源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点， 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件，是默认基于文件流的。 数据格式：form-data； 传递的数据： file 文件流信息；filename 文件名字 通过 fileRead. ......
脚手架搭建vue3项目
vue官网：https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目，包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下： 1. 按脚手架初始化项目 进入vue官网的快速上手，按照官网所述，执行：npm create v ......
[Vue]关于查询详情后，传入到编辑弹窗内显示
开发编辑功能的过程中，通常需要先通过id，查询到编辑所需要的详细信息，再将数据回显到编辑弹窗中。 如果使用子组件作为编辑弹窗组件，异步查询到详细信息后，应当通过调用子组件的函数，传入查询结果： $refs.子组件.function(查询结果) 而不应当在子组件标签中以 :变量名="变量" 的形式传， ......
vue项目性能优化——断点续传
一、上传文件有两套方案1、基于文件流（form-data） element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64，再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案： <template> <div id="app"> <!-- action ......
Vue 大文件上传和断点续传的实现
实现 Vue 大文件上传和断点续传需要掌握以下几个步骤： 分片：将大文件分割成若干个小块，便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传：将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传：如果上传失败或上传过程中断开 ......
centos升级nginx，增加fastdfs插件
首先到安装目录下 cd /usr/local/nginx 1、首先下载需要的版本 cd /usr/local wget -c http://nginx.org/download/nginx-1.22.1.tar.gz 2、解压 tar zxvf nginx-1.22.1.tar.gz 3、备用一下旧 ......
vue3中router配置中的children怎么用
在Vue 3中，当你使用Vue Router创建路由配置时， children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由，从而构建出具有层级结构的URL路径。 这里是一个基本的例子，展示了如何在Vue Router中使用children属性： import { create ......
springboot012响应式企业员工绩效考评系统(vue，毕业设计，附源码和数据库)
2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中，必须全面的考虑用户对学校系统的需求，这个步骤需要开发出系统的功能的用途，每个图应代表系统的一个功能模块。系统架构图： ......
springboot011流浪动物救助网站(vue)
4 需求分析4.1需求调研在教学网站中，能够在网站上运行的流浪动物救助站系统较少，所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面，且结构简单用户在圈子信息框中，用户可以发布信息系统管理员：4.3设计的基本思想4.4性能需求4.4. ......
Keepalived+Nginx+Tomcat配置高可用负载均衡系统示例
前言 目前生产环境的配置越来越多的使用云服务了，同时负载均衡也基本转向了云厂商提供的服务，但对于绝大多数应用来说，自建集群可能在费用上要更便宜一些，这篇文章也是之前整理的，再次新瓶装旧酒分享给各位。此示例演示在不使用docker的情况下配置负载均衡，内容keepalived+nginx+tomcat ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
Nginx反向代理
参考：https://mp.weixin.qq.com/s/2QVkA0ViNkO_i7fiZtIknQ 反向代理是 Nginx 作为 Web 服务器最常用的功能之一。什么是反向代理呢？很多初学者在第一次遇到这个名词的时候总免不了出现很多问号。 举个例子，小二的浏览器是无法直接访问谷哥的，但香港的代 ......
Nginx部署成服务，设置开机自启动
一、centos7以上环境 推荐centos环境，比较简单 安装nginx yum install nginx 允许nginx开机自启动 systemctl enable nginx 二、windows环境 下载nginx https://nginx.org/en/download.html 准备工 ......