简要netcore nginx vue
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
Nginx实战-公网LB限流配置等
前提： Nginx要实现根据ip地址进行限流与不限流的区分需要通过源码包安装GeoIP模块 找到与yum安装版本相同的源码包，通过configure进行安装 ./configure --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --modules-p ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
命令行方式启动nginx
果nginx在d:/software/nginx目录下，那么命令行启动方式是： 1、进入d:/software/nginx目录下 复制 1 cd d:/software/nginx 2、启动nginx 复制 1 start nginx 3、如果需要关闭nginx，则执行如下命令： 复制 1 ngin ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
Nginx实现基于请求URL的请求重写配置
在Nginx中，可以使用rewrite指令来进行请求重写。其基本语法如下： 复制 1 rewrite regex replacement [flag]; 其中，regex表示正则表达式，用于匹配当前请求URL；replacement表示目标URL，替换原来的URL；flag是可选的标志位，用于控制重 ......
Nginx实现基于请求头的访问控制配置
在Nginx中，可以使用"allow"和"deny"指令来实现IP访问限制。"allow"指令用于允许特定的IP地址或IP地址段访问服务器，"deny"指令用于阻止特定的IP地址或IP地址段访问服务器。以下是一个简单的配置示例： 复制 1 2 3 4 5 location / { deny 192. ......
Nginx实现基于IP地址的访问控制配置
一、Nginx配置中的IP地址变量 在Nginx的配置文件中，通过一些变量来表示客户端的IP地址。其中最常用的是$remote_addr变量，它代表了客户端的IP地址。 二、简单的IP地址过滤配置 允许特定IP地址访问 复制 1 2 3 4 location / { allow 192.168.1. ......
Nginx实现Cookie的访问控制配置
通过基于Cookie的访问控制配置，可以限制用户访问特定的页面或资源。本文将介绍如何使用Nginx来实现这样的访问控制，并给出具体的代码示例。 开启Nginx的http_auth_request模块首先，需要确保Nginx已经启用了http_auth_request模块。如果没有启用，可以通过编辑N ......
Nginx限制IP访问配置，提升网站安全性
Nginx限制IP访问配置，提升网站安全性 随着互联网的快速发展，网络安全问题逐渐受到人们的重视。对于网站管理员来说，确保服务器的安全是非常重要的。Nginx作为一款高性能的Web服务器，具有灵活的配置选项，可以通过限制IP访问来提升网站的安全性。本文将介绍如何在Nginx中配置IP访问限制，并提供 ......
nginx 启用SSL证书
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; ev ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
局域网yum部署通过nginx
局域网yum部署 一、下载rpm包 1. CentOS7.9下载 # 安装依赖包 yum -y install yum-utils createrepo # 下载rpm reposync -n --repoid=base --repoid=updates --repoid=extras -p /da ......
nginx
一、nginx安装 1.1安装包下载路径 SSL功能需要openssl库，下载地址：http://www.openssl.org/ gzip模块需要zlib库，下载地址：http://www.zlib.net/ rewrite模块需要pcre库，下载地址：http://www.pcre.org/ N ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c ......
第六章、Vue3高级
目录二十四、项目实战细节（二）1、组件设置name属性 二十四、项目实战细节（二） 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
将 Nginx 的非 www 转到 www，并将 www 转到非 www。
内容来自 DOC https://q.houxu6.top/?s=将 Nginx 的非 www 转到 www，并将 www 转到非 www。 我正在按照教程在 Rackspace 云上使用 Nginx（参考链接：http://www.howtoforge.com/running-phpmyadmin ......
Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤： 1.通过全局状态管理定义状态值（vuex、pinia等）。 2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异，但在第三步中，网上很多博文分享的方法是 ......
vue 创建项目流程
1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否，具体需要，后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了，就需要进行下一步，手动打开刚刚的目录文件 并且在该目录下，运行cmd，并输入，n ......
Centos 安装nginx
一、添加Nginx到YUM源 sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm 二、安装nginx # sudo yum install - ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
Vue中的路由
概念 1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理 2）前端路由：key是路径，value是组件 3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面） Route（路由） Route ......
nginx代理设置请求头
server { listen 80; server_name prejoin.chexd.com; #监听的hostname add_header 'Access-Control-Allow-Origin' '*'; root /usr/local/nginx/prejoinhtml; #第一个项 ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）
参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class=""> <!-- 富文本框 --> <qui ......