简要netcore nginx vue

vue3 ant-design-vue datePicker/calendar 日期组件设置值显示错误

如下, 使用:value 给 calendar 设置默认值, 按照官方文档要求的格式, 引入 moment, 设置值 <template> <a-calendar v-model:value="date1" :fullscreen="false" @select="selectDate" /> </ ......

nginx 详解

1、location [=|~|~*|^~] /uri/ { … } 2、符号解释 = 开头表示精确匹配 ^~ 开头表示url以某个常规字符串开头,理解为匹配url路径即可,nginx不对url做编码,因此请求为/static/20%/aa,可以被规则 ^$ /static/ /aa 匹配到 ~ 区 ......
nginx

vue+leaflet示例:克里金插值渲染显示(附源码下载)

demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
示例 源码下载 源码 leaflet vue

.NetCore基于SqlSugar和Aop的工作单元模式(UnitOfWork)实现

Unit Of Work 是什么 Unit Of Work模式,即工作单元,它是一种数据访问模式。它是用来维护一个由已经被业务修改(如增加、删除和更新等)的业务对象组成的列表。它负责协调这些业务对象的持久化工作及并发问题。通过数据库事务Unit Of Work模式会记录所有对象模型修改过的信息,在提 ......
UnitOfWork 单元 SqlSugar NetCore 模式

vue-cli/webpack4.x 打包--webpack配置--chainWebpack

webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用,避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap, ......
webpack chainWebpack webpack4 vue-cli vue

vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】

1.背景 与vue2组件不一样,没有那么随意,如果想要支持vite,那么不要使用webpack专属语法,如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ,至于是js还是ts随意 目录 简单做了个组件 入口文件内容如下 im ......
语法 组件 插件 前提 webpack

nginx启动成功,页面还是无法访问?

问题如下图: 1.检查Nginx配置文件:nginx -t 2.每次修改配置文件都要重新加载、启动nginx -s reload # 重新载入配置文件nginx -s reopen # 重启 Nginx 3.查看nginx进程 4.查看防火墙状态(不同Linux版本防火墙不同,以CentOS Lin ......
页面 还是 nginx

docker 安装nginx

docker pull nginx 下载最新版Nginx镜像 (其实此命令就等同于 : docker pull nginx:latest )# 创建挂载目录mkdir -p /home/nginx/confmkdir -p /home/nginx/logmkdir -p /home/nginx/ht ......
docker nginx

vue或者react中的hooks的理解

我们听过react 里面有hooks的概念,那么怎么理解hooks呢? 其实vue2中,我们没有hooks的概念,vue3中我们引入了组合式函数(也就是用组合式api写的),它其实就是vue的hooks。 总结下来,hooks有以下特点: 1、hooks其实就是个函数,只是实现它的方法比较特殊,利用 ......
react hooks vue

Vue整合EsMap

一、EsMap地图 1.1. 生成EsMap本地文件 1.1.1. 进入EsMap数字孪生三维可视化云平台 打开链接https://www.esmap.cn/esmapv/content/cn/member/index.html 1.1.1. 新建三维场景 点击新增三维场景,输入信息,点击下一步即可 ......
EsMap Vue

Vue2电商实战项目

单页面应用 分为3层 结构层(template) 样式层(style) 行为层(script) 入口文件main.js:程序最开始执行的文件 babel:就是翻译官,比如ES6语法转换成ES5语法 脚手架使用 - 命令行创建项目: vue create 项目名称 - node_modules:放置项 ......
实战 项目 Vue2 Vue

ubuntu22.04部署nginx 1.22.1

安装依赖 apt -y install gcc make libssl-dev zlib1g-dev libgd-dev libgeoip-dev libpcre3-dev 创建用户 groupadd -g 33 -r www-data && useradd -M -N -g www-data -r ......
ubuntu 22.04 nginx 22 04

Windows下Nginx安装与配置教程

一、前言 1、Nginx是什么? Nginx是一个开源的Web服务器,同时Nginx也提供了反向代理和负载均衡的功能。Nginx通常作为负载均衡器暴露在外网接受用户请求,同时也使用其反向代理的功能,将用户的请求转发到实际提供服务的内网服务器。 2、Windows什么情况下需要Nginx? 通常来说W ......
Windows 教程 Nginx

在windows服务器上安装nginx

今天在Windows Server 2012R2服务器上安装了nginx 一、安装nginx (http://nginx.org/download/nginx-1.10.0.zip) 下载windos版本的nginx,然后解压到服务器上,我的解压地址C:\Program Files\Nginx 二、 ......
windows 服务器 nginx

VUE中 video标签进入页面自动带声音播放

正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
声音 标签 页面 video VUE

vue2 原理之 如何做到数据可以被监听?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
原理 数据 vue2 vue

创建VUE项目,并使用VSCode进行代码

VUE项目的创建(VSC) 必要的下载 首先在官网中下载node.js,官网地址:https://nodejs.cn/ 在cmd中用命令行查看安装是否成功(以下两个命令行都要执行) node -v:显示版本号表示成功 npm -v:显示版本号表示成功 由于需要使用npm下载,配置npm的镜像为国内镜 ......
代码 项目 VSCode VUE

防止nginx泄漏cdn后面的源站IP

参考: https://blog.hicasper.com/post/114.html https://www.linuxprobe.com/ssl-expose-ip.html https://luotianyi.vc/5056.html 以下是防走失记录: 原理: 在使用 nginx 作为 we ......
nginx cdn

nginx 1.23.4 发布

就在最近nginx 1.23.4 发布了,包含了一些新特性 新特性 tls 1.3 默认开启 如果协议多个监听端口重复定义会进行警告提示 如果客户端使用了流水线技术,nginx会关闭连接并清除残留数据 ngx_http_gzip_static_module 支持字节range ,可以优化客户端数据请 ......
nginx 23

linux卸载nginx

要卸载 Nginx,你可以按照以下步骤操作: 1. 停止 Nginx 服务。使用以下命令来停止 Nginx 服务: ``` sudo systemctl stop nginx ``` 2. 禁用 Nginx 服务。使用以下命令来禁用 Nginx 服务: ``` sudo systemctl disa ......
linux nginx

linux安装Nginx到指定目录

你可以按照以下步骤在 Linux 系统中安装 Nginx 并指定安装目录: 1. 首先,打开终端并以管理员身份登录到 Linux 系统。 2. 创建一个新的目录来存储 Nginx 安装文件。例如,可以创建 `/usr/local/src` 目录: ``` sudo mkdir -p /www/ser ......
目录 linux Nginx

第二十篇 vue - 深入组件 - 插槽 - Slots

插槽内容与出口 我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props,但组件要如何接收模板内容呢? 在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段 可以像这样使用 <FancyButton> Click me! <!-- 插槽内容 - ......
组件 Slots vue

vue elementui中使表的滚动条 滚到顶部或底部

1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop =this.$refs.tabl ......
底部 elementui vue

第十九篇 vue - 深入组件 - 透传 Attributes - $attrs

Attributes 继承 “透传 attribute” 指的是传递给一个组件,却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id 当一个组件以单个元素为根作渲染时,透传的 attribute 会自 ......
Attributes 组件 attrs vue

16 nginx的操作

nginx的简单认识 nginx的作用: 服务器软件:用来运行网站代码 代理服务器软件:充当代理,实现请求的转发 负载均衡:把用户的需求平均分布到不同的服务器中 nginx的安装: 安装:yum install nginx 卸载:yum remove nginx nginx的启动: 启动:syste ......
nginx 16

使用 docker-compose 完整的运行一个 flask 应用(nginx+gunicorn+flask+mysql+redis)

(一) 镜像的准备 1. docker-compose 的概述 docker-compose 中的两个要素: 服务(service) 一个个应用容器实例,比如订单微服务、库存微服务、mysql容器、nginx容器或者redis容器 工程(project) 由一组关联的应用容器组成的一个完整业务单元, ......
flask docker-compose gunicorn compose docker

vue3+vite+ts 配置@时vscode报找不到__dirname的问题

vue3+vite+ts 配置@时vscode报找不到__dirname的问题-CSDN博客 原因:path 模块是 node.js 的内置模块,而 node.js 默认不支持 ts 文件的 解决:安装 @type/node 依赖包 npm install @types/node --save-de ......
dirname vscode 问题 vue3 vite

Windows 下Nginx 的安装与配置

Nginx官网首页 Nginx下载首页 Nginx文档首页 Beginner’s Guide(初学者的指南) 快速导航 Nginx 安装与部署 Nginx 的基本概念 环境变量配置 如图所示,检查系统环境变量中有无ngx安装目录的配置,没有的话则添加。 验证安装是否成功 如图所示,在命令行输入 ng ......
Windows Nginx

Nginx 配置

如何修改nginx拦截所有请求指向一个固定页面 server { listen 8080; server_name localhost; location / { root html index index.html try_files $uri $uri/ /index.html; #try_fi ......
Nginx

nginx面试题

1 nginx是什么?请介绍一下 2 你在开发工作中,哪里用到了nginx,怎么使用的? 3 你的项目中为什么一定要用nginx 4 说一说什么是正向代理,什么是反向代理 5 nginx服务器和apache服务器有什么区别? 轻量级:同样起web 服务,nginx 比apache 占用更少的内存及资 ......
nginx